Results 1 to 2 of 2

Thread: Captions not showing on Full Page Slideshow

  1. #1
    Join Date
    Mar 2015
    Thanked 0 Times in 0 Posts

    Default Captions not showing on Full Page Slideshow

    My captions are not showing on my Full Page Slideshow. I am using the code from this URL: The actual slideshow does work. I have downloaded the 4 files in step 2 of the directions to my server. The pictures are fading in and out and the slideshow is stopping after 2 loops. The call to get the captions is not working correctly. Nor is the caption in the static_text_area showing during the slideshow. I am on IE8. How can I get the captions to show during the slide show. My code is below. I have tried using the playlist.json version and the playlist version is what I have below. Neither will show the captions. Thanks in advance for your help.
    	<link rel="stylesheet" type="text/css" href="smooth_slider.css">
    	.slideshowwrapper{ /* dimensions of outermost slideshow container */
    		width: 900px;
    		height: 500px;
    		position: relative;
    		overflow: hidden;
    	<script src=""></script>
    	<script src="">
    		* Full Page Slideshow- (c) Dynamic Drive DHTML code library (
    		* This notice MUST stay intact for legal use
    		* Visit Dynamic Drive at for this script and 100s more
    		$(function() {
    			$('#resume').on('click', function(){ // set up resume button behavior
    				$("#pan_area").smoothslider("resume") // resume playing of this slideshow. Pass in "pause" to pause it instead
    				$(this).hide() // hide resume button
    			$("#pan_area").smoothslider("install", {
     "caption":"Zoom 1n",
     "slide":{"z1":1, "z2":1.5}}, // zoom in (magnification from 1 to 1.5)
     "caption":"Zoom Out",
     "slide":{"z1":2, "z2":1}}, // zoom out
     "caption":"Pan up",
     "slide":{"y1":0, "y2":200}}, // pan up
     "caption": "Pan left",
     "slide":{"x1":0, "x2":20, "z1":1}}, // pan left
     {"url":"", "caption":"No Slide Animation","slide":{}} // no slide
    ],// get the playlist and some config from the server
    				// this function gets called whenever there's an image change
    				"on_image_change":function(caption,image_url) { 
    						// we could use fade_swap instead of the following (see text.html)
    						var area= $("#img_msg_area").find("span");
    						area.animate({"opacity": 0}, 500, "swing", function() {
    							area.animate({"opacity": 1}, 500); // fade in & out take 500ms each
    				loops: 2, // number of loops before stopping. Remove thisoption to run continuously
    				"throbber":$("#throbber"), // an image to show when waiting for images to load
    <div class="slideshowwrapper" >
    	<div id="throbber"><img src="img/throbber.gif"></div>
    	<div id="resume" style="display:none">Replay</div>
    	<div id="pan_area"></div>
    	<div id="img_msg_area"><span></span></div>
    	<div id="static_text_area">There is nothing more amazing than nature, the miracle that is every creature in her domain. The birds, the lions, down to every insect, together they form the circle of life that support one another.</div>
    Last edited by Beverleyh; 03-02-2015 at 01:50 PM. Reason: Formatting

  2. #2
    Join Date
    Jul 2008
    Derbyshire, UK
    Thanked 439 Times in 437 Posts
    Blog Entries


    Please note the list of supported browsers on the demo page
    supported browsers: IE9+, all modern versions of FF, Chrome and Safari, and mondern Android and iPhone devices
    Unfortunately, IE8 is not supported.
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

Similar Threads

  1. Full Page Image slideshow won't run
    By larrygard in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 10-30-2014, 05:14 PM
  2. Full Page Slideshow
    By greg 123 in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 09-21-2014, 12:03 PM
  3. Full Page Image slideshow
    By Mickyboy in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 05-21-2014, 02:56 AM
  4. Ultimate Fade-in Slideshow not showing on page
    By teresamar2 in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 11-15-2010, 07:49 AM
  5. Ultimate Fade-in slideshow: showing up on each page
    By Belltoons in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 03-18-2010, 08:12 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