Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
  1. #1
    New to the CF scene
    Join Date
    Jun 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Cycle navigation links instead of play in Simple Controls gallery

    Hello this if my first time posting and hoping that I could get some help from the members here. I am trying to customize the navigation on The Simple Controls Gallery
    so that instead of the play buttons being displayed the anchor links are the ones that are being cycled through. Moreover I am trying to make this gallery look like this page. I tried to target the anchor links on this page by using this code


    Code:
    /***********************************************
    * Simple Controls Gallery- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
    ***********************************************/
    
    
    
    var mygallery=new simpleGallery({
    	wrapperid: "simplegallery", //ID of main gallery container,
    	dimensions: [580, 350], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
    	imagearray: [
    		["1174279_34569752sm.jpg", "", "_new", "Do you like this car."],
    		["1174281_28343967sm.jpg", "", "", "Sure you do but I bet you want to know what it is?"],
    		["1174282_91462196sm.jpg", "", "", "I would like to know also"],
    		["1174283_80391871sm.jpg", "", "", "How about we try this again"]
    	],
    	autoplay: [true, 2500, 0], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
    	persist: false, //remember last viewed slide and recall within same session?
    	fadeduration: 500, //transition duration (milliseconds)
    	oninit:function(){ //event that fires when gallery has initialized/ ready to run
    		//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
    	},
    	onslide:function(curslide, i){ //event that fires after each slide is shown
    		
    		//Keyword "this": references current gallery instance
    		//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
    		//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
    	}
    })
    but immediately received an error indicating that an element had not been called correctly. How do I call those anchor links correctly.


    Update:
    Edit I place the javascript call on the links themselves which provided me with the functionality of pressing each one to make the gallery advance forward or backwards, but how would I make it so that as the images rotate the anchor links hightlight giving an indication of what the current image link is?
    Last edited by capnhud; 06-03-2009 at 12:09 PM.


 

Posting Permissions

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