470,596 Members | 1,204 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 470,596 developers. It's quick & easy.

Broken Slick Slider

97 64KB
I cannot figure out why my slider won't run. I had it working fine, then I tried to make it scroll vertically rather than horizontally and now it's broken, even though I've reset all the settings to standard.

This is the HTML:

Expand|Select|Wrap|Line Numbers
  1. <div class="carousel">
  2. <div><img src="images/slider/worlds.png" alt="" width="200" height="140"></div>
  3. <div><img src="images/slider/gonz2.png" alt="" width="200" height="140"> </div>
  4. </div>
  5. <aside class="slider-frame"></aside>
  6.  
I have the slick folder in my application tree and I have the CSS and JS linked. The CSS is in the head section like so:

Expand|Select|Wrap|Line Numbers
  1. /* Main Site Stylesheet */
  2. <link rel="stylesheet" type="text/css" href="css.css" />
  3. /* Slick Stylesheet */
  4. <link rel="stylesheet" type="text/css" href="slick/slick.css"/>
  5.  
JS linked in the head section (I've tried putting this in the footer as well):

Expand|Select|Wrap|Line Numbers
  1. // jQuery
  2. <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
  3. // Main Site JS
  4. <script type="text/javascript" src="js/ur-js.js"></script>
  5.  
JS in the footer:

Expand|Select|Wrap|Line Numbers
  1. <script type="text/javascript" src="slick/slick.min.js"></script>
  2.  
Main JS File:

Expand|Select|Wrap|Line Numbers
  1.  $(document).ready(function(){
  2.   $('.carousel').slick({
  3.   autoplay:true,
  4.   autoplaySpeed:45,
  5.   arrows:false,
  6.   dots:false,
  7.   infinite:true,
  8.   pauseOnHover: false
  9.   });
  10. });
  11.  
Some conflicts could be the Facebook Page Plugin (removed all code - did nothing) or Google Maps (not even on the same page of the site). No errors in dev tools console, nothing showing in sources debugging, however it's running in the background. It's just that the images on the screen don't change. When I check the code in the Chrome Dev Tools, the active image is changing in the html list of images. It seems to be using the correct timing as per the settings too, but it's just stuck on the initial image in the actual site window.
Oct 12 '15 #1
0 2249

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

1 post views Thread by Jason Charalambides | last post: by
20 posts views Thread by fatfatpopo | last post: by
6 posts views Thread by cmgmyr | last post: by
reply views Thread by tdrsam | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.