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
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
ss.png
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.