Page 2 of 3
Re: Need a left<>right gallery slider - can it be done in CS
Posted: Tue Jun 09, 2015 10:13 am
by simonmlewis
No I don't think you realised what I am facing here.
NOTHING is working at all. Look at the attached. Whether I had auto play or not, I should at least have the styling and DIVs up on screen, and the dots below it.
Re: Need a left<>right gallery slider - can it be done in CS
Posted: Tue Jun 09, 2015 10:19 am
by Celauran
Have you checked that your CSS and JavaScript is loading? Refreshed them?
The
exact code I'm using here:
Code: Select all
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My Now Amazing Webpage</title>
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
</head>
<body>
<div class="slider responsive">
<div><h3>1</h3></div>
<div><h3>2</h3></div>
<div><h3>3</h3></div>
<div><h3>4</h3></div>
<div><h3>5</h3></div>
<div><h3>6</h3></div>
<div><h3>7</h3></div>
<div><h3>8</h3></div>
</div>
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.responsive').slick({
dots: true,
autoplay: true,
infinite: false,
speed: 1000,
slidesToShow: 4,
slidesToScroll: 4,
responsive: [
{
breakpoint: 1024,
settings: {
autoplay: true,
speed: 300,
slidesToShow: 3,
slidesToScroll: 3,
infinite: true,
dots: true
}
},
{
breakpoint: 600,
settings: {
autoplay: true,
speed: 300,
slidesToShow: 2,
slidesToScroll: 2
}
},
{
breakpoint: 480,
settings: {
autoplay: true,
speed: 300,
slidesToShow: 1,
slidesToScroll: 1
}
}
]
});
});
</script>
</body>
</html>
The output:
Re: Need a left<>right gallery slider - can it be done in CS
Posted: Tue Jun 09, 2015 10:23 am
by simonmlewis
The CSS is both loading, i see it in Web Developer "Edit CSS" in the footer.
And Javascript loads:
file:///C:/Users/Simon/Desktop/slider/slick/slick.min.js
You have my JS files in the ZIP I sent. I just do not get it.
I assume it's up to us to change the styling of the DIVs as they slide anyway.
Re: Need a left<>right gallery slider - can it be done in CS
Posted: Tue Jun 09, 2015 10:28 am
by simonmlewis
If you could ZIP what you have done, and send over, I'll see what happens this end.
Re: Need a left<>right gallery slider - can it be done in CS
Posted: Tue Jun 09, 2015 10:29 am
by Celauran
simonmlewis wrote:You have my JS files in the ZIP I sent.
Indeed I do, and it's working fine for me. You didn't go editing Slick itself or anything? I didn't copy those because I already had Slick. Your index file works without issue. I just fixed the indentation and added autoplay and speed for the breakpoints. Have you tried what I posted back? Is that working at all?
Re: Need a left<>right gallery slider - can it be done in CS
Posted: Tue Jun 09, 2015 10:30 am
by Celauran
Yep, sure thing.
Re: Need a left<>right gallery slider - can it be done in CS
Posted: Tue Jun 09, 2015 10:33 am
by simonmlewis
What I posted back as a screenshot, is how it looks when your code.
No I haven't touched CSS or JS. And I used your code. Hence why I am utterly stumped.
Re: Need a left<>right gallery slider - can it be done in CS
Posted: Tue Jun 09, 2015 10:35 am
by simonmlewis
I'm losing the will to live here - look at the attached.
I have touched nothing. I extracted ur files to my desktop, dragged the html to FF and there you go.

- How it looks with Outline Border Elements on
Re: Need a left<>right gallery slider - can it be done in CS
Posted: Tue Jun 09, 2015 10:36 am
by Celauran
Definitely something on your end, then, and not in the code itself. Clear cache, disable browser addons, try private mode / different browser.
Re: Need a left<>right gallery slider - can it be done in CS
Posted: Tue Jun 09, 2015 10:40 am
by simonmlewis
This is "In-Private Browsing", and still it does this.
I do use adblocker, but then if that blocks this, then there will be no point having it anyway.
Re: Need a left<>right gallery slider - can it be done in CS
Posted: Tue Jun 09, 2015 10:43 am
by simonmlewis
OR there any others that are good?
Re: Need a left<>right gallery slider - can it be done in CS
Posted: Tue Jun 09, 2015 10:46 am
by Celauran
Here's a question: have you actually run this from a web server rather than using file:/// ?
Re: Need a left<>right gallery slider - can it be done in CS
Posted: Tue Jun 09, 2015 10:46 am
by simonmlewis
You mean, have I hosted it live to see it like that?
Re: Need a left<>right gallery slider - can it be done in CS
Posted: Tue Jun 09, 2015 10:48 am
by Celauran
Or run it from WAMP/XAMPP/whatever. Can be on your local machine.
Re: Need a left<>right gallery slider - can it be done in CS
Posted: Tue Jun 09, 2015 10:49 am
by simonmlewis
Good thinking. Hold on. Give me 2 mins and I'll write back after uploading to a local site.