Results 1 to 7 of 7

Thread: Simple Controls Gallery v1.3

  1. #1
    Join Date
    Apr 2010
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Simple Controls Gallery v1.3

    1) Script Title:
    Simple Controls Gallery v1.3
    2) Script URL (on DD):
    http://www.dynamicdrive.com/dynamici...plegallery.htm
    3) Describe problem:
    please someone help me! Simple Controls Gallery's description shows only when mouseover. i want it to show always after the page is loaded! any idea?

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Try using the onslide event handler of the script to trigger the description to show whenever the slideshow rotates. Note the code in red below:

    Code:
    var mygallery=new simpleGallery({
    	wrapperid: "simplegallery1", //ID of main gallery container,
    	dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
    	imagearray: [
    		["http://i26.tinypic.com/11l7ls0.jpg", "http://en.wikipedia.org/wiki/Swimming_pool", "_new", "There's nothing like a nice swim in the Summer."],
    		["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "", ""],
    		["http://i30.tinypic.com/531q3n.jpg", "", "", "Eat your fruits, it's good for you!"],
    		["http://i31.tinypic.com/119w28m.jpg", "", "", ""]
    	],
    	autoplay: [true, 2500, 2], //[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)
    		this.showhidedescpanel("show")
    	}
    })
    DD Admin

  3. The Following User Says Thank You to ddadmin For This Useful Post:

    kirky (04-28-2010)

  4. #3
    Join Date
    Apr 2010
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    thank you very much! And what if i want this with gallery too?

  5. #4
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Hmm what do you mean by "with gallery too"?
    DD Admin

  6. #5
    Join Date
    Apr 2010
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    i mean the control panel on the bottom of the image

  7. #6
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    So you want to show both the description panel and nav panel automatically? If so try changing the line in red above to:

    Code:
    this.showhidenavpanel("show")
    DD Admin

  8. The Following User Says Thank You to ddadmin For This Useful Post:

    kirky (04-30-2010)

  9. #7
    Join Date
    Apr 2010
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    'till now i liked this site, now i love it! Thank you!

    one last question. And what if in the nav panel i son't want to show the "1/4"?

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
  •