Advanced Search

Results 1 to 3 of 3

Thread: Step Carousel Arrow Rollover

  1. #1
    Join Date
    May 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Step Carousel Arrow Rollover

    1) Script Title: Step Carousel Viewer v1.8

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...epcarousel.htm

    3) Describe problem: I am seeking to have a rollover effect on the arrow images which allow you to change slides. I am new to javascript so help would be greatly appreciated.

    Is there a way to add the rollover effect into this section where I set the image rollovers?

    Code:
    		<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:false, moveby:1, pause:6500},
    			panelbehavior: {speed:800, wraparound:true, persist:true},
    			defaultbuttons: {enable: true, moveby: 1, leftnav: ['images/icons/arrow-left.png', 275, 80], rightnav: ['images/icons/arrow-right.png', 10, 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 ['external', 'path_to_external_file']
    			})
    		</script>
    Regards.

  2. #2
    Join Date
    Aug 2004
    Posts
    9,863
    Thanks
    3
    Thanked 960 Times in 949 Posts
    Blog Entries
    15

    Default

    Sure, try using the attached modified .js file. Then for your initialization code, add the line in red below:

    Code:
    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:false, persist:true},
    	defaultbuttons: {enable: true, moveby: 1, leftnav: ['leftnav.gif', -5, 80], rightnav: ['rightnav.gif', -20, 80]},
    	defaultbuttonsmouseover: ['leftover.gif', 'rightover.gif'],
    	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']
    })
    Be sure to change those image paths to your own for the mouse over images.
    DD Admin

  3. #3
    Join Date
    Jun 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hello, how can I change the type o movement of sliders? Mine actually it moves in axis x. But I want to have the option to fade without movement or change to y axis. Is it possible? Where?

    Thanks a lot!

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •