472,959 Members | 1,966 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,959 software developers and data experts.

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>
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"/>
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>
JS in the footer:

Expand|Select|Wrap|Line Numbers
  1. <script type="text/javascript" src="slick/slick.min.js"></script>
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. });
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 2414

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

Similar topics

by: Jason Charalambides | last post by:
I need to assign a slider to determine a percentage value for a certain variable in my program. I decided to use a slider so that the user will be able to manually set a value between 0.000... to...
by: Israel | last post by:
The problem: I want to know, definitively when a slider loses focus after a user has started sliding and hasn't released the mouse yet. It appears that this is captured with the WM_ACTIVATEAPP...
by: fatfatpopo | last post by:
Anyone who understand the codes below, can you please kindly explain to me by adding comments.. thanks in advance // <applet code="ImageSlider" width="400" height="400"></applet> import...
by: cmgmyr | last post by:
Hello, I'm trying to figure out how to disable a slider through the onChange function. Here is what I have so far: new Control.Slider('handle','slider', { axis:'horizontal', sliderValue: 1,...
by: Gurpreet Singhh | last post by:
How to focus dojo slider to a particular value (say 2.5 )on the slider and then disabling dojo slider so that value not changes on clicking on the dojo slider?ie i want to focus dojo slider to a...
by: UmairahMohd | last post by:
.theme-default #slider { width:570px; /* Make sure your images are the same size */ height:227px; /* Make sure your images are the same size */ float: right; margin-top: 0px; margin-right:...
by: Rorykin | last post by:
import javax.swing.JApplet; import java.awt.BorderLayout; import javax.swing.JSlider; import java.awt.*; import java.applet.*; public class SliderTest extends JApplet { public void...
by: tdrsam | last post by:
I'm using Ken Wheeler's Slick Slider with some videos but for some reason the first video in the cue doesn't play. It plays after the list has played through and it goes back to the first video,...
by: lllomh | last post by:
Define the method first this.state = { buttonBackgroundColor: 'green', isBlinking: false, // A new status is added to identify whether the button is blinking or not } autoStart=()=>{
by: DJRhino | last post by:
Was curious if anyone else was having this same issue or not.... I was just Up/Down graded to windows 11 and now my access combo boxes are not acting right. With win 10 I could start typing...
by: Aliciasmith | last post by:
In an age dominated by smartphones, having a mobile app for your business is no longer an option; it's a necessity. Whether you're a startup or an established enterprise, finding the right mobile app...
by: NeoPa | last post by:
Hello everyone. I find myself stuck trying to find the VBA way to get Access to create a PDF of the currently-selected (and open) object (Form or Report). I know it can be done by selecting :...
by: NeoPa | last post by:
Introduction For this article I'll be using a very simple database which has Form (clsForm) & Report (clsReport) classes that simply handle making the calling Form invisible until the Form, or all...
by: Teri B | last post by:
Hi, I have created a sub-form Roles. In my course form the user selects the roles assigned to the course. 0ne-to-many. One course many roles. Then I created a report based on the Course form and...
by: nia12 | last post by:
Hi there, I am very new to Access so apologies if any of this is obvious/not clear. I am creating a data collection tool for health care employees to complete. It consists of a number of...
by: isladogs | last post by:
The next online meeting of the Access Europe User Group will be on Wednesday 6 Dec 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, Mike...
by: GKJR | last post by:
Does anyone have a recommendation to build a standalone application to replace an Access database? I have my bookkeeping software I developed in Access that I would like to make available to other...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.