www.webdeveloper.com
Results 1 to 3 of 3

Thread: Slider Script Issues

  1. #1
    Join Date
    Feb 2010
    Location
    Hattiesburg, MS
    Posts
    5

    Slider Script Issues

    Hi Everyone,

    I am very new to jQuery, and am having some issues with a slider on a development site. For whatever reason, the captions do not match the current photo. It seems more like the captions are just random.
    Also, the slides pause on hover (which I want), but then they don't resume after the curse has left a slide. I cannot figure out what is causing this, and would absolutely appreciate if someone wouldn't mind taking a look.

    The slider can be seen HERE on the development site. The JS file is HERE and the script is under the "Front Slides" heading.

    I am thinking this is possibly a quick and easy fix? Thank you all in advance!

  2. #2
    Join Date
    Feb 2012
    Location
    Tallahassee, FL
    Posts
    280
    This should work. You didn't tell it how long to pause.

    Code:
    $('#front-slides').slides({
    		preload: true,
    		play: 5000,
    		hoverPause: true,
    		pause: 5000,
    		slideshowSpeed: 9000,
    		generateNextPrev: false,
    		slideSpeed: 600,
    		animationStart: function(current){
    			$slideCaption = $(".slides_container div.slide:eq("+ (current-1) +") .caption").text();
    			$("#headline h6").text($slideCaption);
    			
    			if($slideCaption != ''){
    				$("#headline").stop().hide().slideDown(600);
    			}else{
    				$("#headline").hide();
    			}
    		}
    	});

  3. #3
    Join Date
    Feb 2010
    Location
    Hattiesburg, MS
    Posts
    5
    Thank you so much for your reply, and my apologies for not thanking you sooner. I never received a notification that there was a reply.

    I really appreciate your help! It works perfectly now!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles