How to have multiple Seadragon embeds?
Hello all,
I'm trying to have more than one instance of Seadragon embedded on my site but when I try it only one of them will work. Which ever function is the first to be called by 'onload' in the <body> tag is the one that will work.
What should I be doing to allow for multiple embeds to appear on my site?
Thank you in advance for your help!</body>
I'm trying to have more than one instance of Seadragon embedded on my site but when I try it only one of them will work. Which ever function is the first to be called by 'onload' in the <body> tag is the one that will work.
What should I be doing to allow for multiple embeds to appear on my site?
Thank you in advance for your help!</body>
1
person has this question
I have this question, too!
Tell me when someone answers.
The more people who ask this question, the more it gets noticed.
The more people who ask this question, the more it gets noticed.
-
Inappropriate?Sorry that you're disgruntled!
From your post, it doesn't seem like you're talking about a true embed, though. Embed code generally looks like this (but combined into one line):
<script src="http://seadragon.com/ajax/embed.js"></script>
<script>
Seadragon.embed("400px", "300px", "http://seadragon.com/content/images/logo.dzi", 10160, 10160, 254, 1, "png");
</script>
You generate that code with either our new seadragon.com or our old embed builder.
Note that embeds like the above have no <body> "onload" part, so I'm not sure what you're referring to.
Are you using the regular library (example) and having trouble showing multiple viewers?
We haven't run into this problem before, so let us know what exactly you're doing, and we'll try our best to help. If you have any code to share, that would help too.
(You can enter it inside <code> tags to maintain formatting, but be sure to escape all '<' and '>' characters to '<' and '>' respectively.) -
Inappropriate?Hi Aseem,
Thanks for the speedy reply! Reading your post I'm guessing I'm way off base. I'm using the code generated by Deep Zoom Composer. Here is the code I place in the <head> of my document:
<script src="http://seadragon.com/ajax/0.8/seadragon-min.js" type="text/javascript"></script>
<script type="text/javascript">
Seadragon.Config.imagePath = "img/";
// Start the viewer
//
function start() {
var viewer = new Seadragon.Viewer("container");
viewer.openDzi("GeneratedImages/dzc_output.xml");
}
</script>
Then I follow that with a <body> and the following that.
Works fine this way but if I try to add another viewer with a duplicated version of the code mentioned (pointing to different img folder and dzc_output.xml file), with <body> the second viewer will not function.
I hope that's clearer!
Thank you</body></body></head>
I’m less disgruntled.
-
Hey there, Tom,
It might be helpful to have a link to the problematic page if it's online. GetSat is interpreting some of your HTML tags (divs, for example) as to be rendered in this page, rather than displayed as text as part of your report. (This only applies to the bits outside of the code tags.) -
Inappropriate?Using Deep Zoom Composer I just export as Silverlight instead of Seadragon so I don't need to solve this issue anymore.
Thanks for your help!
I’m amused
-
Okay, glad it worked for you. Sorry for the delay in responding!
Loading Profile...



EMPLOYEE