Ask questions via twitter! Message any question to @answers on twitter. We'll publish the question and send you a reply each time there's a new answer.
Next Question

Answered Question

robbrown robbrown
 
M$15 April 22, 2009 04:41 PM

What is the best way for me to put a panning image on my website?

I like to photograph sunsets and other wide vistas.

I've found that stitching a series of photos together (photomerge in photoshop) will allow me create a very wide image.

I'd like to put these images up for display on my website. In the past, I've seen some folks use flash to load the image and when the page loads automatically start to pan the image. I like that.

What is the best way to do this?

Ideally, I'm looking for some sort of a flash widget that will read an XML file to obtain the image file name that I would like displayed. QTVR controls (the little moving arrow control thing in qtvr) is a plus but autopanning on page load is a requirement.
Interesting Question?  Yes (3)   No (0)   

Interesting: nalkinburgh, easyeboy, joyannj

RSS
 
 

Best Answer  Decided by Votes

nadiraziz nadiraziz
 
 April 23, 2009 08:49 PM
Hey Rob, have you checked out GigaPan? http://gigapan.org/index.php

Personally, I haven't tried stitching yet, but I'm looking into it... digital cameras make it relatively convenient.

Panoramic Software Links:
- Panoguide.com - General site with technical advice and software reviews.
The Panorama factory - Stitching software, $35 or $60, depending on version.
- Panavue - Another highly recommended stitching package, $64.
- PTGui - (Panorama Tools Graphic User Interface) is a front-end for Helmut Dersch's free Panorama Tools stitching software. $55.

I found this program code on a blog sometime ago, but haven't tried it myself.

"Zoom & Pan Image Display"
http://lassieadventurestudio.wordpress.com/2009/04/08/zoom-pan-image/

Then, there's "Interactive Pan Flash Movie tutorial by R. Berdan"

http://www.ebookmanual.net/interactive-pan-flash-movie-tutorial-by-r-berdan.html

...includes a link to a PDF version.

Good Luck!



Helpful Answer?  (0)   (0)    Tip nadiraziz for this answer
Permalink | Report
Voted as best: lindseylgreene, philipy
   Reply  
 
 

Other Answers (4)

Sort By
galaxybrow... galaxybrow...
 
April 22, 2009 06:15 PM
There is some code that you will need and more to do here is a link to a
step by step tutorial on how to do it.
http://bucarotechelp.com/design/jseasy/95072101.asp

Helpful Answer?  (1)   (0)   

Helpful: robbrown

Tip galaxybrowser for this answer
Permalink | Report
Voted as best: bbrookin
   Reply  
 
 
robbrown robbrown
 
April 22, 2009 09:51 PM
Nice! Thanks.

I'm still hoping for something that is flash (this one is javascript) but I've rarely seen a tutorial as well put together as this one. Thank-you Galaxy!!!!

Report
 
 
wdawe wdawe
 
April 22, 2009 06:27 PM
You might want to take a look at Shiftzoom.js http://www.netzgesta.de/shiftzoom/ It has the functionality I think you are looking for and has the advantage of not being flash which means it will work on the iPhone and on systems where flash may be blocked. The API is feature rich and as long as you are comfortable doing some javascript programming it looks like a good option.

Helpful Answer?  (1)   (0)   

Helpful: robbrown

Tip wdawe for this answer
Permalink | Report
   Reply  
 
 
robbrown robbrown
 
April 22, 2009 09:51 PM
I went so far as to download and test this one out. Sadly, the code is slooooooooow and it doesn't appear to be compatible with the browsers I need it to be. Also, this is a javascript solution where in an ideal world, I'd like something that is flash.

Thanks WDawe! I sure appreciate the reply.

Report
 
 
wdawe wdawe
 
April 23, 2009 01:33 AM
Sorry this didn't work out, the examples seemed pretty good bu that is to be expected. Good luck in your search.

Report
 
 
easyeboy easyeboy
 
April 22, 2009 08:33 PM
You should look at JParallax, it's a JQuery plugin.

Here's more on it.
http://webdev.stephband.info/parallax.html

Demos here:
http://webdev.stephband.info/parallax_demos.html

Check out this example.
http://stephband.info

Helpful Answer?  (1)   (0)   

Helpful: robbrown

Tip easyeboy for this answer
Permalink | Report
   Reply  
 
 
robbrown robbrown
 
April 22, 2009 09:53 PM
Very cool portfolio at that example. That guy is Pro (yeah, with the capital P).

Sadly, this one is complicated and I'm scared that if I implement this that it'll be hard to debug. One of the reasons that I'm hoping for a flash solution is that it would be dead easy to debug if anything went wrong with it.

Thanks though, E. If you come across anything in your travels, keep me in mind and I'll toss you the tip regardless of best answer on this one.

Report
 
 
orange orange
 
April 22, 2009 10:20 PM
I wish I could be more helpful than this, I looked through to try a perfect example of what you are looking for, but I am not 100% sure what you need.

Here are my attempts for what I thought you were looking for:

http://flashden.net/item/ultimate-image-and-swf-panning-controls/26729

http://flashden.net/item/zoom-pan-controls-with-dynamic-image-settings/15713

Check out the Image Viewers here: http://flashden.net/category/image-viewers-galleries . There is a great number of options that I think will help you.

Helpful Answer?  (0)   (0)    Tip orange for this answer
Permalink | Report
Voted as best: dattappan
   Reply  
 
 
robbrown robbrown
 
April 22, 2009 10:28 PM
Wow! I'm glad to hear that I'm not out in left field here, Orange. We've came across the same two possibilities over at flashden.

The "ultimate-image-and-swf-panning" is pretty close to what I need. I've wrote into their message forum and found that the code doesn't autopan. Too bad because everything else fits. http://forum.oxylusflash.com/ultimate-image-swf-panning-controls/1554-autopanning-resizging-controls.html#post4917

Same thing, Orange... thanks a lot for your help. I'm deeply searching for this and if in your travels you come across anything else please let me know. I'll tip regardless of best answer if this question expires.

Report
 
 
orange orange
 
April 23, 2009 12:04 AM
I am in the process of helping find the pan feature included with manual controls, waiting to hear back from a friend.

Here is an XML, with auto pan feature though: http://www.flashden.net/item/xml-slideshow-with-ken-burns-effect/32354

Report
 
 

Answer this Question

How tips and payments work

This question has already been resolved. You may add an answer to it but you will not be eligible to win best answer or any associated tips.

Related Questions

View All Web Development Questions

Ask a Question


140 characters left
Top of Page
Buy Mahalo Dollars with Credit Card or PayPal

Top Members

This Week All Time
  • buddawiggi
    buddawiggi
    2nd Degree Black Belt
    27115 Points
    M$783.09 Earned
  • kty2777
    kty2777
    Purple Belt with a Brown Tip
    5444 Points
    M$199.92 Earned
  • opher
    opher
    Purple Belt
    4166 Points
    M$187.17 Earned
   See All
 

Most Popular Tags

mahalo(1597)
twitter(945)
iphone(462)
music(459)
google(355)
food(318)
internet(303)
online(294)
beer(279)
money(262)
movies(255)
facebook(254)
apple(251)
aotd(235)
answers(222)
health(217)
video(207)
dog(205)
free(203)
windows(195)
   See All
 

Categories

Welcome New Members


 
 
Mahalo Dollars are the currency of Mahalo Answers.

Each Mahalo Dollar costs $1.

Once you earn more than 40 Mahalo Dollars, you can request to be paid via PayPal. Each Mahalo Dollar is currently worth $0.75 when paid out via PayPal. Learn More

 
 

Please log in to use this function.

Answers Home | Ask a Question | Earn Points | How Tips Work | Widget