Slick slider showing only textTrigger a button click with JavaScript on the Enter key in a text boxjQuery get specific option tag textHTML text input allow only numeric inputGet selected text from a drop-down list (select box) using jQueryRound to at most 2 decimal places (only if necessary)Slick.Js asNavFor Resetting to First Slide Each TimeSlick slider and infiniteLoad - not showing loaded slick sliderSlick-center not working when number of slides is a not a multiple of 3 or less than six with slidesToScroll = 3Slick slider thumbs not showingCSS Slider Controls Connection with CSS or Javascript
How do I present a future free of gender stereotypes without being jarring or overpowering the narrative?
Should Catholics in a state of grace call themselves sinners?
Why is numpy sometimes slower than numpy + plain python loop?
In Kyrie Eleison, what does "derramo aos teus pes minha vida" mean?
Would skyscrapers tip over if people fell sideways?
Tikz, loop not appearing
Hard for me to understand one tip written in "The as-if rule" of cppreference
How soon after takeoff can you recline your airplane seat?
Is leaving out prefixes like "rauf", "rüber", "rein" when describing movement considered a big mistake in spoken German?
Why should I allow multiple IPs on a website for a single session?
Early 2000s movie about time travel, protagonist travels back to save girlfriend, then into multiple points in future
Does "boire un jus" tend to mean "coffee" or "juice of fruit"?
What specifically counts as "anything" in spell text?
Tricolour nonogram
Does friction always oppose motion?
Rear derailleur got caught in the spokes, what could be a root cause
How to track mail undetectably?
Dynamic Sql Query - how to add an int to the code?
Word ending in "-ine" for rat-like
Security Patch SUPEE-11155 - Possible issues?
A* pathfinding algorithm too slow
Checkmate in 1 on a Tangled Board
What was the point of separating stdout and stderr?
Do electrons really perform instantaneous quantum leaps?
Slick slider showing only text
Trigger a button click with JavaScript on the Enter key in a text boxjQuery get specific option tag textHTML text input allow only numeric inputGet selected text from a drop-down list (select box) using jQueryRound to at most 2 decimal places (only if necessary)Slick.Js asNavFor Resetting to First Slide Each TimeSlick slider and infiniteLoad - not showing loaded slick sliderSlick-center not working when number of slides is a not a multiple of 3 or less than six with slidesToScroll = 3Slick slider thumbs not showingCSS Slider Controls Connection with CSS or Javascript
When I try to implement this Slick slider I get only a list of the numbers like in the image:
https://codepen.io/AntFArm/pen/JNEgJE
html code:
<div class="main">
<div class="slider slider-for">
<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>
<div class="slider slider-nav">
<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>
<div class="action">
<a href="#" data-slide="3">go to slide 3</a>
<a href="#" data-slide="4">go to slide 4</a>
<a href="#" data-slide="5">go to slide 5</a>
</div>
</div>
js code:
$('.slider-for').slick(
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
asNavFor: '.slider-nav'
);
$('.slider-nav').slick(
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.slider-for',
dots: true,
focusOnSelect: true
);
$('a[data-slide]').click(function(e)
e.preventDefault();
var slideno = $(this).data('slide');
$('.slider-nav').slick('slickGoTo', slideno - 1);
);
I get this:
I have the exact same code as on the codepen.io site..
Also I don't have any errors.
What am I doing wrong? THanks in advance.
My script includes:
<script src="/js/jquery.min.js"></script>
<script src="/js/jquery-ui.min.js"></script>
<script src="/js/slick.min.js"></script>
<link rel="stylesheet" type="text/css" href="/assets/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="/assets/slick/slick-theme.css"/>
<script type="text/javascript" src="/assets/slick/slick.min.js"></script>
<script>
$('.slider-for').slick(
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
asNavFor: '.slider-nav'
);
$('.slider-nav').slick(
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.slider-for',
dots: true,
focusOnSelect: true
);
$('a[data-slide]').click(function(e)
e.preventDefault();
var slideno = $(this).data('slide');
$('.slider-nav').slick('slickGoTo', slideno - 1);
);
</script>
I load the necessary files in head:
javascript slick
asked Mar 25 at 15:35
belgiumsbelgiums
3642 gold badges6 silver badges16 bronze badges
add a comment |
When I try to implement this Slick slider I get only a list of the numbers like in the image:
https://codepen.io/AntFArm/pen/JNEgJE
html code:
<div class="main">
<div class="slider slider-for">
<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>
<div class="slider slider-nav">
<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>
<div class="action">
<a href="#" data-slide="3">go to slide 3</a>
<a href="#" data-slide="4">go to slide 4</a>
<a href="#" data-slide="5">go to slide 5</a>
</div>
</div>
js code:
$('.slider-for').slick(
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
asNavFor: '.slider-nav'
);
$('.slider-nav').slick(
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.slider-for',
dots: true,
focusOnSelect: true
);
$('a[data-slide]').click(function(e)
e.preventDefault();
var slideno = $(this).data('slide');
$('.slider-nav').slick('slickGoTo', slideno - 1);
);
I get this:
I have the exact same code as on the codepen.io site..
Also I don't have any errors.
What am I doing wrong? THanks in advance.
My script includes:
<script src="/js/jquery.min.js"></script>
<script src="/js/jquery-ui.min.js"></script>
<script src="/js/slick.min.js"></script>
<link rel="stylesheet" type="text/css" href="/assets/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="/assets/slick/slick-theme.css"/>
<script type="text/javascript" src="/assets/slick/slick.min.js"></script>
<script>
$('.slider-for').slick(
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
asNavFor: '.slider-nav'
);
$('.slider-nav').slick(
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.slider-for',
dots: true,
focusOnSelect: true
);
$('a[data-slide]').click(function(e)
e.preventDefault();
var slideno = $(this).data('slide');
$('.slider-nav').slick('slickGoTo', slideno - 1);
);
</script>
I load the necessary files in head:
javascript slick
asked Mar 25 at 15:35
belgiumsbelgiums
3642 gold badges6 silver badges16 bronze badges
Did you also include the js dependencies (jQuery, slick-carousel.js) on your page? Please provide a reproducible example.
– Teh
Mar 25 at 15:42
i added them to my code above
– belgiums
Mar 25 at 15:48
add a comment |
When I try to implement this Slick slider I get only a list of the numbers like in the image:
https://codepen.io/AntFArm/pen/JNEgJE
html code:
<div class="main">
<div class="slider slider-for">
<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>
<div class="slider slider-nav">
<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>
<div class="action">
<a href="#" data-slide="3">go to slide 3</a>
<a href="#" data-slide="4">go to slide 4</a>
<a href="#" data-slide="5">go to slide 5</a>
</div>
</div>
js code:
$('.slider-for').slick(
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
asNavFor: '.slider-nav'
);
$('.slider-nav').slick(
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.slider-for',
dots: true,
focusOnSelect: true
);
$('a[data-slide]').click(function(e)
e.preventDefault();
var slideno = $(this).data('slide');
$('.slider-nav').slick('slickGoTo', slideno - 1);
);
I get this:
I have the exact same code as on the codepen.io site..
Also I don't have any errors.
What am I doing wrong? THanks in advance.
My script includes:
<script src="/js/jquery.min.js"></script>
<script src="/js/jquery-ui.min.js"></script>
<script src="/js/slick.min.js"></script>
<link rel="stylesheet" type="text/css" href="/assets/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="/assets/slick/slick-theme.css"/>
<script type="text/javascript" src="/assets/slick/slick.min.js"></script>
<script>
$('.slider-for').slick(
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
asNavFor: '.slider-nav'
);
$('.slider-nav').slick(
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.slider-for',
dots: true,
focusOnSelect: true
);
$('a[data-slide]').click(function(e)
e.preventDefault();
var slideno = $(this).data('slide');
$('.slider-nav').slick('slickGoTo', slideno - 1);
);
</script>
I load the necessary files in head:
javascript slick
asked Mar 25 at 15:35
belgiumsbelgiums
3642 gold badges6 silver badges16 bronze badges
When I try to implement this Slick slider I get only a list of the numbers like in the image:
https://codepen.io/AntFArm/pen/JNEgJE
html code:
<div class="main">
<div class="slider slider-for">
<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>
<div class="slider slider-nav">
<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>
<div class="action">
<a href="#" data-slide="3">go to slide 3</a>
<a href="#" data-slide="4">go to slide 4</a>
<a href="#" data-slide="5">go to slide 5</a>
</div>
</div>
js code:
$('.slider-for').slick(
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
asNavFor: '.slider-nav'
);
$('.slider-nav').slick(
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.slider-for',
dots: true,
focusOnSelect: true
);
$('a[data-slide]').click(function(e)
e.preventDefault();
var slideno = $(this).data('slide');
$('.slider-nav').slick('slickGoTo', slideno - 1);
);
I get this:
I have the exact same code as on the codepen.io site..
Also I don't have any errors.
What am I doing wrong? THanks in advance.
My script includes:
<script src="/js/jquery.min.js"></script>
<script src="/js/jquery-ui.min.js"></script>
<script src="/js/slick.min.js"></script>
<link rel="stylesheet" type="text/css" href="/assets/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="/assets/slick/slick-theme.css"/>
<script type="text/javascript" src="/assets/slick/slick.min.js"></script>
<script>
$('.slider-for').slick(
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
asNavFor: '.slider-nav'
);
$('.slider-nav').slick(
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.slider-for',
dots: true,
focusOnSelect: true
);
$('a[data-slide]').click(function(e)
e.preventDefault();
var slideno = $(this).data('slide');
$('.slider-nav').slick('slickGoTo', slideno - 1);
);
</script>
I load the necessary files in head:
javascript slick
javascript slick
asked Mar 25 at 15:35
belgiumsbelgiums
3642 gold badges6 silver badges16 bronze badges
asked Mar 25 at 15:35
belgiumsbelgiums
3642 gold badges6 silver badges16 bronze badges
edited Mar 26 at 15:36
belgiums
asked Mar 25 at 15:35
belgiumsbelgiums
3642 gold badges6 silver badges16 bronze badges
asked Mar 25 at 15:35
belgiumsbelgiums
3642 gold badges6 silver badges16 bronze badges
asked Mar 25 at 15:35
belgiumsbelgiums
3642 gold badges6 silver badges16 bronze badges
3642 gold badges6 silver badges16 bronze badges
Did you also include the js dependencies (jQuery, slick-carousel.js) on your page? Please provide a reproducible example.
– Teh
Mar 25 at 15:42
i added them to my code above
– belgiums
Mar 25 at 15:48
add a comment |
Did you also include the js dependencies (jQuery, slick-carousel.js) on your page? Please provide a reproducible example.
– Teh
Mar 25 at 15:42
i added them to my code above
– belgiums
Mar 25 at 15:48
Did you also include the js dependencies (jQuery, slick-carousel.js) on your page? Please provide a reproducible example.
– Teh
Mar 25 at 15:42
Did you also include the js dependencies (jQuery, slick-carousel.js) on your page? Please provide a reproducible example.
– Teh
Mar 25 at 15:42
i added them to my code above
– belgiums
Mar 25 at 15:48
i added them to my code above
– belgiums
Mar 25 at 15:48
add a comment |
3 Answers
3
active
oldest
votes
Javascript is run as it is seen. Seeing as your code doesn't work I have to assume that you are adding your script in the <head> or at least before where you define <div class="main">. The rendering engine has not yet rendered your relevant slider elements so it cannot find them and does... nothing.
Either wrap your script in an onload (or a $(function() /* your code here */)) or put your script at the bottom of your page
answered Mar 25 at 16:01
Leroy StavLeroy Stav
6383 silver badges11 bronze badges
$.getScript("/js/jquery-ui.min.js", function() alert("Script loaded and executed."); ); I do this but doesn't help..
– belgiums
Mar 26 at 14:53
I don't see how what you wrote has anything to do with what I said?
– Leroy Stav
Mar 26 at 15:07
I load the necesary files in my head section; see original question thx!
– belgiums
Mar 26 at 15:36
Reread my answer... I'm telling you that when your script runs in <head> (as you confirmed) the <div class="main"> element doesn't exist yet so it doesn't find the elements and doesn't do anything. You either have to make the contents of your script run onload or move the script to the bottom of your <body>
– Leroy Stav
Mar 26 at 16:55
add a comment |
Seems like slick default styles are not applied double check you have them and the path to them is correct.
<link rel="stylesheet" type="text/css" href="/assets/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="/assets/slick/slick-theme.css"/>
answered Mar 25 at 16:04
Емил ЦоковЕмил Цоков
396 bronze badges
add a comment |
In your codepen, slick is not loaded so you get the default DOM display of your divs (one under each other). There must be something wrong with your loading of the scripts.
answered Apr 1 at 13:24
ChrisBEChrisBE
1388 bronze badges
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55341362%2fslick-slider-showing-only-text%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
3 Answers
3
active
oldest
votes
3 Answers
3
active
oldest
votes
active
oldest
votes
active
oldest
votes
Javascript is run as it is seen. Seeing as your code doesn't work I have to assume that you are adding your script in the <head> or at least before where you define <div class="main">. The rendering engine has not yet rendered your relevant slider elements so it cannot find them and does... nothing.
Either wrap your script in an onload (or a $(function() /* your code here */)) or put your script at the bottom of your page
answered Mar 25 at 16:01
Leroy StavLeroy Stav
6383 silver badges11 bronze badges
$.getScript("/js/jquery-ui.min.js", function() alert("Script loaded and executed."); ); I do this but doesn't help..
– belgiums
Mar 26 at 14:53
I don't see how what you wrote has anything to do with what I said?
– Leroy Stav
Mar 26 at 15:07
I load the necesary files in my head section; see original question thx!
– belgiums
Mar 26 at 15:36
Reread my answer... I'm telling you that when your script runs in <head> (as you confirmed) the <div class="main"> element doesn't exist yet so it doesn't find the elements and doesn't do anything. You either have to make the contents of your script run onload or move the script to the bottom of your <body>
– Leroy Stav
Mar 26 at 16:55
add a comment |
Javascript is run as it is seen. Seeing as your code doesn't work I have to assume that you are adding your script in the <head> or at least before where you define <div class="main">. The rendering engine has not yet rendered your relevant slider elements so it cannot find them and does... nothing.
Either wrap your script in an onload (or a $(function() /* your code here */)) or put your script at the bottom of your page
answered Mar 25 at 16:01
Leroy StavLeroy Stav
6383 silver badges11 bronze badges
$.getScript("/js/jquery-ui.min.js", function() alert("Script loaded and executed."); ); I do this but doesn't help..
– belgiums
Mar 26 at 14:53
I don't see how what you wrote has anything to do with what I said?
– Leroy Stav
Mar 26 at 15:07
I load the necesary files in my head section; see original question thx!
– belgiums
Mar 26 at 15:36
Reread my answer... I'm telling you that when your script runs in <head> (as you confirmed) the <div class="main"> element doesn't exist yet so it doesn't find the elements and doesn't do anything. You either have to make the contents of your script run onload or move the script to the bottom of your <body>
– Leroy Stav
Mar 26 at 16:55
add a comment |
Javascript is run as it is seen. Seeing as your code doesn't work I have to assume that you are adding your script in the <head> or at least before where you define <div class="main">. The rendering engine has not yet rendered your relevant slider elements so it cannot find them and does... nothing.
Either wrap your script in an onload (or a $(function() /* your code here */)) or put your script at the bottom of your page
answered Mar 25 at 16:01
Leroy StavLeroy Stav
6383 silver badges11 bronze badges
Javascript is run as it is seen. Seeing as your code doesn't work I have to assume that you are adding your script in the <head> or at least before where you define <div class="main">. The rendering engine has not yet rendered your relevant slider elements so it cannot find them and does... nothing.
Either wrap your script in an onload (or a $(function() /* your code here */)) or put your script at the bottom of your page
answered Mar 25 at 16:01
Leroy StavLeroy Stav
6383 silver badges11 bronze badges
answered Mar 25 at 16:01
Leroy StavLeroy Stav
6383 silver badges11 bronze badges
answered Mar 25 at 16:01
Leroy StavLeroy Stav
6383 silver badges11 bronze badges
answered Mar 25 at 16:01
Leroy StavLeroy Stav
6383 silver badges11 bronze badges
6383 silver badges11 bronze badges
$.getScript("/js/jquery-ui.min.js", function() alert("Script loaded and executed."); ); I do this but doesn't help..
– belgiums
Mar 26 at 14:53
I don't see how what you wrote has anything to do with what I said?
– Leroy Stav
Mar 26 at 15:07
I load the necesary files in my head section; see original question thx!
– belgiums
Mar 26 at 15:36
Reread my answer... I'm telling you that when your script runs in <head> (as you confirmed) the <div class="main"> element doesn't exist yet so it doesn't find the elements and doesn't do anything. You either have to make the contents of your script run onload or move the script to the bottom of your <body>
– Leroy Stav
Mar 26 at 16:55
add a comment |
$.getScript("/js/jquery-ui.min.js", function() alert("Script loaded and executed."); ); I do this but doesn't help..
– belgiums
Mar 26 at 14:53
I don't see how what you wrote has anything to do with what I said?
– Leroy Stav
Mar 26 at 15:07
I load the necesary files in my head section; see original question thx!
– belgiums
Mar 26 at 15:36
Reread my answer... I'm telling you that when your script runs in <head> (as you confirmed) the <div class="main"> element doesn't exist yet so it doesn't find the elements and doesn't do anything. You either have to make the contents of your script run onload or move the script to the bottom of your <body>
– Leroy Stav
Mar 26 at 16:55
$.getScript("/js/jquery-ui.min.js", function() alert("Script loaded and executed."); ); I do this but doesn't help..
– belgiums
Mar 26 at 14:53
$.getScript("/js/jquery-ui.min.js", function() alert("Script loaded and executed."); ); I do this but doesn't help..
– belgiums
Mar 26 at 14:53
I don't see how what you wrote has anything to do with what I said?
– Leroy Stav
Mar 26 at 15:07
I don't see how what you wrote has anything to do with what I said?
– Leroy Stav
Mar 26 at 15:07
I load the necesary files in my head section; see original question thx!
– belgiums
Mar 26 at 15:36
I load the necesary files in my head section; see original question thx!
– belgiums
Mar 26 at 15:36
Reread my answer... I'm telling you that when your script runs in <head> (as you confirmed) the <div class="main"> element doesn't exist yet so it doesn't find the elements and doesn't do anything. You either have to make the contents of your script run onload or move the script to the bottom of your <body>
– Leroy Stav
Mar 26 at 16:55
Reread my answer... I'm telling you that when your script runs in <head> (as you confirmed) the <div class="main"> element doesn't exist yet so it doesn't find the elements and doesn't do anything. You either have to make the contents of your script run onload or move the script to the bottom of your <body>
– Leroy Stav
Mar 26 at 16:55
add a comment |
Seems like slick default styles are not applied double check you have them and the path to them is correct.
<link rel="stylesheet" type="text/css" href="/assets/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="/assets/slick/slick-theme.css"/>
answered Mar 25 at 16:04
Емил ЦоковЕмил Цоков
396 bronze badges
add a comment |
Seems like slick default styles are not applied double check you have them and the path to them is correct.
<link rel="stylesheet" type="text/css" href="/assets/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="/assets/slick/slick-theme.css"/>
answered Mar 25 at 16:04
Емил ЦоковЕмил Цоков
396 bronze badges
add a comment |
Seems like slick default styles are not applied double check you have them and the path to them is correct.
<link rel="stylesheet" type="text/css" href="/assets/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="/assets/slick/slick-theme.css"/>
answered Mar 25 at 16:04
Емил ЦоковЕмил Цоков
396 bronze badges
Seems like slick default styles are not applied double check you have them and the path to them is correct.
<link rel="stylesheet" type="text/css" href="/assets/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="/assets/slick/slick-theme.css"/>
answered Mar 25 at 16:04
Емил ЦоковЕмил Цоков
396 bronze badges
answered Mar 25 at 16:04
Емил ЦоковЕмил Цоков
396 bronze badges
answered Mar 25 at 16:04
Емил ЦоковЕмил Цоков
396 bronze badges
answered Mar 25 at 16:04
Емил ЦоковЕмил Цоков
396 bronze badges
396 bronze badges
add a comment |
add a comment |
In your codepen, slick is not loaded so you get the default DOM display of your divs (one under each other). There must be something wrong with your loading of the scripts.
answered Apr 1 at 13:24
ChrisBEChrisBE
1388 bronze badges
add a comment |
In your codepen, slick is not loaded so you get the default DOM display of your divs (one under each other). There must be something wrong with your loading of the scripts.
answered Apr 1 at 13:24
ChrisBEChrisBE
1388 bronze badges
add a comment |
In your codepen, slick is not loaded so you get the default DOM display of your divs (one under each other). There must be something wrong with your loading of the scripts.
answered Apr 1 at 13:24
ChrisBEChrisBE
1388 bronze badges
In your codepen, slick is not loaded so you get the default DOM display of your divs (one under each other). There must be something wrong with your loading of the scripts.
answered Apr 1 at 13:24
ChrisBEChrisBE
1388 bronze badges
answered Apr 1 at 13:24
ChrisBEChrisBE
1388 bronze badges
answered Apr 1 at 13:24
ChrisBEChrisBE
1388 bronze badges
answered Apr 1 at 13:24
ChrisBEChrisBE
1388 bronze badges
1388 bronze badges
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55341362%2fslick-slider-showing-only-text%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Did you also include the js dependencies (jQuery, slick-carousel.js) on your page? Please provide a reproducible example.
– Teh
Mar 25 at 15:42
i added them to my code above
– belgiums
Mar 25 at 15:48