2
Is it just me or is someone else having that problem? I use the Zurb Foundation to create my responsive websites and ALL fade sliders give problem. Both the plugins and the ones I do at hand. And those same sliders, that I use them neat, on no page just on a test page it behaves well. Something is giving conflict and already I have 3 nights without sleeping rs.
2
as CSS Here’s the code I used. Adjust the links to images and scripts and (obvious) link to the CSS of the framework and plugin in the section head page.
<body>
<div class="row">
<div class="small-10 small-centered columns">
<div class="carrossel">
<div><img src="img1.jpg" alt="dinossauro1"></div>
<div><img src="img2.jpg" alt="dinossauro2"></div>
<div><img src="img3.jpg" alt="dinossauro3"></div>
<div><img src="img4.jpg" alt="dinossauro4"></div>
</div>
</div>
</div> <!-- /.row -->
<script src="../js/vendor/jquery.js"></script>
<script src="../js/vendor/fastclick.js"></script>
<script src="../js/foundation.min.js"></script>
<script>$(document).foundation();</script>
<script type="text/javascript" src="slick-master/slick/slick.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.carrossel').slick({dots: true, autoplay: true, fade:true});
});
</script>
</body>
</html>
1
For sliders the Foundation has the native Orbit plugin that has been put into disuse and will be taken from version 6 of the framework, but works until the current version 5. Orbit comes out because there are already more advanced responsive plugins and ZURB recommends using the plugin Slick Carousel
Whoa, I know that information. The problem is that this Slick Carousel apparently doesn’t have the Fade effect with "autoplay", like, it just does the effect by clicking on the little arrows and that’s not what I want. And even simulating a click via JS it changes : (
The Orbit it "works" but its fade effect gives some "flashes" instead of the fade.
I didn’t really try it but from the documentation it seemed that it is possible to configure autoplay + fade(http://kenwheeler.github.io/slick/#Settings) Thanks for the tip.
I tried to get past those parameters, but it didn’t work. I will contact the guy who made the plugin, because it seems very sorry that apparently does not work it :(
I did an experiment here with Foundation 5.3.1 and Slickcarrousel and it worked cool.
With the autoplay? Can you show me the code?
Browser other questions tagged jquery zurb-foundation
You are not signed in. Login or sign up in order to post.
And what’s the problem with them?
– Caputo
2 problems, in some cases it does not fade effect, it "flashes" abruptly. And in other cases, when the tab of the site is not the main or when it stands long, it "accumulates" Ades and displays everything at once, as turning a strobe effect.
– dsantoro