PDA

View Full Version : Panorama view



Arkacaraka
06-18-2011, 11:56 PM
Panorama view

Panorama view by Arkacaraka

DESCRIPTION:

Through this simple method, we can look attractive panoramic explorers.
By involving Jquery script and zoom effect are controlled simultaneously.

The basic principle of this script is, drag and zoom the image that works constantly.
thus produced an animated appearance as spectacle video're surfing the panorama.

Important parameters that need to be set are:

The order set the stage in a linear fashion from beginning to end show.

position on the frame image viewer below are the initials of the value used in panorama.js.

example:
from 0,1,2 to 1,0.5,3

(from 0,1,2) which means: the value of "0" = left-right position (x), "1" = position of top-down (Y) and "2" = value of the zoom (2x zoom).
(to 1,0.5,3) and this is the end position of the image in one step, and adhere to the same initials.
See below :

{var $=jQuery;options.duration=options.duration||10;var paths=


[{from:[1,0.5,1],to:[1,0.8,2]},//stage 0

{from:[1,0.5,1],to:[1,0.8,6]},//stage 1

{from:[1,0.8,6],to:[1,0.8,5]},//stage 2

{from:[1,0.8,5],to:[1,0.8,3]},//stage 3

{from:[1,0.8,3],to:[1,0.8,1]},//stage 4

{from:[1,0.8,2],to:[-0.006,0.8,2]},//stageb 5

{from:[-0.006,0.8,2],to:[-0.006,0.13,2]},//stage 6

{from:[-0.006,0.13,2],to:[-0.006,0.13,5]}, //stage 7

{from:[-0.006,0.13,5],to:[0.3,0.13,5]},//stage 8

{from:[1,0.8,1],to:[0,0,0]}];//End stage

URL TO CODE:
jquery_panorama.js (https://sites.google.com/site/realilsticartist/jquery_panorama.js)
panorama.js (https://sites.google.com/site/realilsticartist/panorama.js)

View" DEMO Panorama view" (http://panoramademoview.blogspot.com/)

Download panorama.zip (https://sites.google.com/site/realilsticartist/Panorama_viewer.zip)

djr33
06-19-2011, 12:15 AM
Interesting concept, and it adds a lot of movement to the page. But it looks horrible when the pictures become pixelated. Is there a way to force the images to never get larger than 100%? If this was used only with high resolution images it would be better, though it would load slowly. I'd also suggest slowing down the speed a little.

Arkacaraka
06-19-2011, 12:31 AM
that can be done possibly by using a single image alone to avoid loading images late.
And with medium resolution.


speed may still be set on this script (panorama.js) to apply the value:


jQuery("#animasi-tempat").animasi({effect:"JELAJAH",prev:"prev",next:"next",duration:50*100,delay:0*100,outWidth:800,outHeight:480,width:800,height:480,caption:true,controls:true,autoPlay:true,stopOnHover:false});

Arkacaraka
06-19-2011, 01:31 PM
Like I said that with the concept of this animation, allows the use of a single image alone.
And it also allows us to make choices other imagesto explore in the viewer container.
by placing the thumb images, through the click event.

but what matters here is
one image is not a still image, but an image that must be controlled by a script animation effect.

In one session may contain dozens of animation stage.
And this becomes my problem please help me ..

See sample at : http://slideprofilpnpm.blogspot.com/2011/06/samle-panorama.html

And this sample Panorama view in single image with medium resolution.

https://sites.google.com/site/realilsticartist/one_image.zip (https://sites.google.com/site/realilsticartist/one_image.zip?attredirects=0&d=1)