GigaPanner

GigaPan Guided Tours for Your Website

14th November 2008

GigaPan Guided Tours for Your Website

posted in GigaPan Hacking, GigaPan Website and API |

Berti and I have been busy coding for the last few days.

Although I couldn’t incorporate it into this blog post, we’ve created a standalone webpage that uses JavaScript to animate a Guided Tour of a GigaPan image. Click on Berti to have a look…

Berti as Tour Guide

As with our earlier “Poor Man’s Zoom Loop”, the page makes use of code from both the GigaPan.org front page and orbitlab’s hack of the snapshot viewer. It’s all coded in JavaScript so you can “View Source”, copy, paste, and hack it to your heart’s content. There are undoubtedly more elegant ways of coding this, but we’ve opted for function over form.

Berti and I would certainly love to hear about it if you make use of this code in your own website.

Happy Hacking!

RSS feed | Trackback URI

2 Comments »

Comment by Stoney Vintson
2008-12-18 03:23:29

You can use the zoomify software to program your tour. I don’t think that you can do it with the free version, but you can do it with the version that you pay for. Also, Photoshop CS3 or newer has the zoomify plugin which will allow you to output the pyramid of tiles.
File->Export->Zoomify

http://www.zoomify.com/

I embedded a zoomify flash object in a wordpress blog that I created for a local artist. I have not had time to program it yet.
http://www.robincorbo.com

 
Comment by Rich Gibson
2008-12-26 02:40:59

Ron,

This is just totally stunning – great work!

Rich

 
Name (required)
E-mail (required - never shown publicly)
URI
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.