PDA

View Full Version : scroll images again and again...



KashifMunir
06-28-2011, 10:53 PM
1) Script Title: Step Carousel Viewer v1.9

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm

3) Describe problem: Hello. i am using this code in my website.. but i want to use it as continue sliding. but in this script its stop aftel all images preview. can any one tell me how can i scroll images again and again...

jscheuer1
06-29-2011, 06:26 AM
Here (from Step 1 on the demo page):


<script type="text/javascript">

stepcarousel.setup({
galleryid: 'mygallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
autostep: {enable:true, moveby:1, pause:3000},
panelbehavior: {speed:500, wraparound:true, wrapbehavior:'slide', persist:true},
defaultbuttons: {enable: true, moveby: 1, leftnav: ['http://i34.tinypic.com/317e0s5.gif', -5, 80], rightnav: ['http://i38.tinypic.com/33o7di8.gif', -20, 80]},
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
})

</script>

Set the wraparound to true as shown.

KashifMunir
06-29-2011, 06:44 PM
Thanks Boss. But i want to make some changes. in this script when images finish images move back..... is that possible images not move back from the finish point. its move continue.. and first image come from the right side. just like marquee......

jscheuer1
06-30-2011, 01:56 AM
I seem to keep doing this to you, but try Agile Carousel. Here's a link to it doing what I think you want, or close to it:

http://www.agilecarousel.com/flavor_1.htm

Its home page:

http://www.agilecarousel.com/

KashifMunir
06-30-2011, 09:24 AM
yes i want some thing diffrent in the same style. look on this. here i am moving the film roll images. and check both links. in first link i need step moving as 2nd link style...

http://pirnaseeruddinnaseer.com/test/index.php

2nd Link

http://pirnaseeruddinnaseer.com/test/index_old.php