Stack Overflow
Stack Overflow

Questions tagged [seadragon]

"Seadragon Software was a team within the Microsoft Live Labs. Its product, Seadragon, is a web optimized visualization technology that allows graphics and photos to be smoothly browsed, regardless of their size. Seadragon is the technology powering Microsoft's Silverlight, Pivot, Photosynth and the standalone cross-platform Seadragon application for iPhone and iPad." -- Wikipedia

Seadragon Software was a team within the Microsoft Live Labs. Its product, Seadragon, is a web optimized visualization technology that allows graphics and photos to be smoothly browsed, regardless of their size. Seadragon is the technology powering Microsoft's Silverlight, Pivot, Photosynth and the standalone cross-platform Seadragon application for iPhone and iPad.

From https://en.wikipedia.org/wiki/Seadragon_Software

53 questions
0
votes
1 answer

Synchronize Seadragon Ajax Images

I need to synchronize multiple Seadragon images. I found this post from Beck Johnson regarding the synchronization of deep zoom Seadragon images. He said he did this by: "Each Seadragon.Viewer is opened, then stashed in an…
User970008
  • 1,135
  • 3
  • 20
  • 49
0
votes
1 answer

OpenSeadragon navigator not showing thumbnail image

I'm testing out OpenSeadragon to see how it can handle a custom tile source. I've also turned on the navigator. However the thumbnail image does not show up in the navigator. Here is my code: OpenSeaDragon…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/deepzoom" class="post-tag grid--cell" title="show questions tagged 'deepzoom'" rel="tag">deepzoom</a> <a href="../../questions/tagged/seadragon" class="post-tag grid--cell" title="show questions tagged 'seadragon'" rel="tag">seadragon</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jan 22 '14 at 19:56">asked Jan 22 '14 at 19:56</time> <a href="../../users/3224868/tirendel" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/3224868.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Tirendel" /> </a> <div class="s-user-card--info"> <a href="../../users/3224868/tirendel" class="s-user-card--link">Tirendel</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">1</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-21156471"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>2</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/21156471/initial-zoom-level-with-seadragon-export" class="question-hyperlink">Initial zoom level with Seadragon export</a></h3> <div class="excerpt">Lately I've encountered and issue. When I export my graphs from Gephi with a Seadragon plugin, First zoom level is far way back, e.i. on first zoom levels it's not even visible, on 5th zoom level whole graph take something like 10 pixels in…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/export" class="post-tag grid--cell" title="show questions tagged 'export'" rel="tag">export</a> <a href="../../questions/tagged/gephi" class="post-tag grid--cell" title="show questions tagged 'gephi'" rel="tag">gephi</a> <a href="../../questions/tagged/seadragon" class="post-tag grid--cell" title="show questions tagged 'seadragon'" rel="tag">seadragon</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jan 16 '14 at 08:13">asked Jan 16 '14 at 08:13</time> <a href="../../users/982238/uko" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/982238.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Uko" /> </a> <div class="s-user-card--info"> <a href="../../users/982238/uko" class="s-user-card--link">Uko</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">13,134</li> <li class="s-award-bling s-award-bling__gold" title="6 gold badges">6</li> <li class="s-award-bling s-award-bling__silver" title="58 silver badges">58</li> <li class="s-award-bling s-award-bling__bronze" title="106 bronze badges">106</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-20281017"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/20281017/seadragon-deep-zoom-dzi-of-different-size-render-issue" class="question-hyperlink">Seadragon Deep Zoom: DZI of different size render issue</a></h3> <div class="excerpt">Using seadragon to display DZI images. But I have DZI are of different sizes. I am using following code do that: $(document).ready(function() { var dziurl = '<%=ViewData["url"]%>'; viewer = new Seadragon.Viewer("container"); …</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> <a href="../../questions/tagged/jquery-plugins" class="post-tag grid--cell" title="show questions tagged 'jquery-plugins'" rel="tag">jquery-plugins</a> <a href="../../questions/tagged/html5-canvas" class="post-tag grid--cell" title="show questions tagged 'html5-canvas'" rel="tag">html5-canvas</a> <a href="../../questions/tagged/seadragon" class="post-tag grid--cell" title="show questions tagged 'seadragon'" rel="tag">seadragon</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Nov 29 '13 at 08:09">asked Nov 29 '13 at 08:09</time> <a href="../../users/812677/sst" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/812677.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="SST" /> </a> <div class="s-user-card--info"> <a href="../../users/812677/sst" class="s-user-card--link">SST</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">459</li> <li class="s-award-bling s-award-bling__gold" title="3 gold badges">3</li> <li class="s-award-bling s-award-bling__silver" title="20 silver badges">20</li> <li class="s-award-bling s-award-bling__bronze" title="35 bronze badges">35</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-18464990"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/18464990/c-dzi-image-creation-opensedragon" class="question-hyperlink">C# : dzi image creation opensedragon</a></h3> <div class="excerpt">I have an issue regarding the dzi image creation. I use the following code for dzi image generation in C#. public string GetGenetatedImage() { ImageCreator creator = new ImageCreator(); creator.TileFormat = ImageFormat.Png; …</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/c#" class="post-tag grid--cell" title="show questions tagged 'c#'" rel="tag">c#</a> <a href="../../questions/tagged/seadragon" class="post-tag grid--cell" title="show questions tagged 'seadragon'" rel="tag">seadragon</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Aug 27 '13 at 12:08">asked Aug 27 '13 at 12:08</time> <a href="../../users/1553942/erma-isabel" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1553942.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Erma Isabel" /> </a> <div class="s-user-card--info"> <a href="../../users/1553942/erma-isabel" class="s-user-card--link">Erma Isabel</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">2,167</li> <li class="s-award-bling s-award-bling__gold" title="8 gold badges">8</li> <li class="s-award-bling s-award-bling__silver" title="34 silver badges">34</li> <li class="s-award-bling s-award-bling__bronze" title="64 bronze badges">64</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-17501715"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/17501715/seadragon-mouse-clicks-navigation" class="question-hyperlink">SeaDragon Mouse Clicks navigation</a></h3> <div class="excerpt">I'm trying to build a page in which contains images and while clicking images i want it to navigate to next page. I've had a look at Seadragon but as far as I can see it is not possible. Can anyone propose a solution? Thanks </div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/asp.net" class="post-tag grid--cell" title="show questions tagged 'asp.net'" rel="tag">asp.net</a> <a href="../../questions/tagged/seadragon" class="post-tag grid--cell" title="show questions tagged 'seadragon'" rel="tag">seadragon</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jul 06 '13 at 09:48">asked Jul 06 '13 at 09:48</time> <a href="../../users/2503857/manu" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/2503857.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Manu" /> </a> <div class="s-user-card--info"> <a href="../../users/2503857/manu" class="s-user-card--link">Manu</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">219</li> <li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li> <li class="s-award-bling s-award-bling__silver" title="5 silver badge">5</li> <li class="s-award-bling s-award-bling__bronze" title="14 bronze badge">14</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-17301741"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>2</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/17301741/image-won-t-display-with-seadragon-ajax-controol-toolkit" class="question-hyperlink">Image won't display with Seadragon Ajax Controol Toolkit</a></h3> <div class="excerpt">I've followed all the steps outlined in http://channel9.msdn.com/Blogs/jsenior/Seadragon-Ajax-Control-Quick-Start-Guide?format=progressive, as well as, http://msdn.microsoft.com/en-us/expression/gg413362.aspx. The error " JavaScript runtime error:…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/ajaxcontroltoolkit" class="post-tag grid--cell" title="show questions tagged 'ajaxcontroltoolkit'" rel="tag">ajaxcontroltoolkit</a> <a href="../../questions/tagged/deepzoom" class="post-tag grid--cell" title="show questions tagged 'deepzoom'" rel="tag">deepzoom</a> <a href="../../questions/tagged/seadragon" class="post-tag grid--cell" title="show questions tagged 'seadragon'" rel="tag">seadragon</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jun 25 '13 at 15:44">asked Jun 25 '13 at 15:44</time> <a href="../../users/2520766/user2520766" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/2520766.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="user2520766" /> </a> <div class="s-user-card--info"> <a href="../../users/2520766/user2520766" class="s-user-card--link">user2520766</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">1</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-10439373"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/10439373/how-to-detect-which-html-element-lies-under-given-mouse-coordinates-seadragon" class="question-hyperlink">How to detect which HTML element lies under given mouse coordinates? (Seadragon)</a></h3> <div class="excerpt">I am currently working with Seadragon Ajax technology (demos at zoom.it), adding custom interface etc. In particular, I am adding a certain numbers of overlays which need to capture some mouse events (like clicks) but which don't need to capture…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/ajax" class="post-tag grid--cell" title="show questions tagged 'ajax'" rel="tag">ajax</a> <a href="../../questions/tagged/events" class="post-tag grid--cell" title="show questions tagged 'events'" rel="tag">events</a> <a href="../../questions/tagged/mouse" class="post-tag grid--cell" title="show questions tagged 'mouse'" rel="tag">mouse</a> <a href="../../questions/tagged/seadragon" class="post-tag grid--cell" title="show questions tagged 'seadragon'" rel="tag">seadragon</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked May 03 '12 at 21:10">asked May 03 '12 at 21:10</time> <a href="../../users/369687/mgol" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/369687.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="mgol" /> </a> <div class="s-user-card--info"> <a href="../../users/369687/mgol" class="s-user-card--link">mgol</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">1,362</li> <li class="s-award-bling s-award-bling__silver" title="15 silver badges">15</li> <li class="s-award-bling s-award-bling__bronze" title="20 bronze badges">20</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="s-pagination pager fr"> <a class="s-pagination--item" href="../../questions/tagged/seadragon_page=3" rel="prev" title="Go to page 3">Prev </a> <a class="s-pagination--item" href="../../questions/tagged/seadragon_page=1" rel="" title="Go to page 1">1</a> <a class="s-pagination--item" href="../../questions/tagged/seadragon_page=2" rel="" title="Go to page 2">2</a> <a class="s-pagination--item" href="../../questions/tagged/seadragon_page=3" rel="" title="Go to page 3">3</a> <div class="s-pagination--item is-selected">4</div> </div> </div> </div> </div> </div> <script src="../../static/js/stack-icons.js"></script> <script src="../../static/js/fromnow.js"></script> </body> </html>