Results 1 to 5 of 5

Thread: 3D Cube Slideshow-Add Description to each image in rotation

  1. #1
    Join Date
    Jul 2015
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default 3D Cube Slideshow-Add Description to each image in rotation

    1) Script Title: 3D Cube Slideshow

    2) Script URL (on DD): http://www.javascriptkit.com/script/...lideshow.shtml

    3) Describe problem: I would like to add a description to each image. I have them hyperlinked but need each image to display details about itself. I'd also like to pause the slides on mouseover.

    (I'm a bit confused as to why javakit.com Forums button sent me to dynamicdrive forums, if I'm in the wrong place, let me know)
    Last edited by Flyswatter; 07-31-2015 at 03:36 AM.

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

    Default

    I'll take a stab sometime this weekend on modifying the script to support a description. No guarantees
    DD Admin

  3. #3
    Join Date
    Jul 2015
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thank you! If you get to it great! if not, keep me in mind

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

    Default

    Ok, please try the below modified .js file. Then in your initialization code, make use of the new "desc" option to specify corresponding text descriptions for each slide:

    Code:
    <script>
    
    var cubeshowvar1 // arbitrary but unique variable to store slideshow instance
    
    jQuery(function($){
    	cubeshowvar1 = new jkcubeslideshow({
    		id: 'cubeshow1',
    		dimensions: [300, 385],
    		pause: 1000,
    		desc: ['this is food1.jpg', 'this is food2.jpg', 'this is food3.jpg'],
    		images: [
    							['food1.jpg'],
    							['food2.jpg'],
    							['food3.jpg'],
    							['food4.jpg'],
    							['food5.jpg'] //<-- no comma after last image
    						] //<-- no comma after last setting
    	})
    })
    
    </script>
    You will also want to increase the height of the slideshow so it can accommodate the text descriptions. The modified .js file also pauses the slideshow onmouseover.
    Attached Files Attached Files
    DD Admin

  5. #5
    Join Date
    Jul 2015
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thank you! This works well.

Similar Threads

  1. 3D Cube Slideshow - help
    By Nique60 in forum JavaScript
    Replies: 1
    Last Post: 04-03-2015, 01:58 PM
  2. Slideshow with thumbnails and description of image
    By bornegraphics in forum Looking for such a script or service
    Replies: 4
    Last Post: 08-03-2011, 06:43 PM
  3. Replies: 2
    Last Post: 02-15-2010, 09:57 PM
  4. Replies: 2
    Last Post: 01-19-2010, 03:53 AM
  5. Image Slideshow with text description help
    By giblani in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 01-15-2006, 07:19 PM

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
  •