javascript - Slick slider not working height -
I just search
and I try to do some tests with it with bit Nothing is working: /
I will create a bit code:
& lt; Link rel = "stylesheet" type = "text / css" href = "// cdn.jsdelivr.net/jquery .slick / 1.3.6 / slick.css" / & lt; Div class = "sliderlastvideos" & gt; {% For video in Lastvideos%} & lt; Div class = "videocontainer" & gt; & Lt; Div class = "video" & gt; & Lt; Img src = "" alt = "" & gt; & Lt; Div class = "video-titre" & gt; Tritre Video & lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; {% Endfor%} & lt; / Div & gt; {% Block javascript%} & lt; Script src = "// code.jquery.com/jquery-1.11.0.min.js"></script> & Lt; Script src = "// code.jquery.com/jquery-migrate-1.2.1.min.js"></script> & Lt; Script type = "text / javascript" src = "// cdn.jsdelivr.net/jquery.slick/1.3.6/slick.min.js"></script> & Lt; Script & gt; $ {Document} .ready (function () {$ ('.sliderlastvideos'). Cunning ({endless: true, slattoosho: 3, slideshowcroll: 3});
css
.videocontainer {background color: white; margin: 10px; text-align: center, width: 40px; height: 40px;} video {margin: 10px} img {width: 100%}
It seems to give me simple slider but give me a bigger one on the line 2 of the video.
plz help me
I have fixed your jsfiddle I have made some changes, HTML structure too.
The main problem is that the clever plugin does not like that margin and width in the .videocontainer CSS class.
Do not know that Is there a bug in any clever or we are starting it incorrectly:
.videocontainer {background-color: white; margin: 5px; text-align: center;} .sliderlastvid { Width: 300px; margin: 0 pixel auto;}
Update: When I go back to the slider, some video container Be shown below, only after being correct. Check out the clever homepage for any such issues with you:
Comments
Post a Comment