我目前正在为自己建立一个网站,我正在使用[Owl Carousel 2.0] [1]。我真的很喜欢这个插件,因为它的多功能性,但我想添加一个'定制'导航按钮,因为我更像是一名设计师而不是程序员,我很难构建这个功能。
我正在尝试创建一个按钮,每次单击时都会从滑块中随机选择一个图像。具体来说,我希望有照片'我导航的一部分使用了这个功能。
您可以在http://photosorrentino.tumblr.com查看开始结果。如果您需要任何其他信息,请与我们联系。谢谢!
$(document).ready(function() { //Sort random function function random(owlSelector){ owlSelector.children().sort(function(){ return Math.round(Math.random()) - 0.5; }).each(function(){ $(this).appendTo(owlSelector); });<br/> }<br/> var owl = $('.owl-carousel'); owl.owlCarousel(); // Go to the next item $('.wrap').click(function() { owl.trigger('next.owl.carousel'); }) $('.random').click(function(elem) { random(elem); }) });