Question

中的代码

1。）“currentClass”（它开始的图像）如何设置为随机？所以任何一个图像都会出现在加载中？

~~2。）如何通过点击图片来切换脚本？~~

~~更具体地说，有导航链接和可以单击/滑动的图像如何设置它，以便当您单击图像时，它会锁定到该图像，禁用导航链接并滑动？~~

编辑：第二个选项已解决+

我能够编辑touchslider.com脚本，并通过使用透明div使第二个选项成为可能。

JS（正文）

<script>
$(document).ready(function(){
var $content = $("#disablediv1").hide();
$(".lock").on("click", function(e){
$content.toggle();
});
});
</script>

HTML（包装图片）

<a class="lock" href="#"><img src="IMAGELINK"></img></a>

HTML（透明div位于要禁用的链接上）

<div id="disablediv1"></div>

CSS（透明div）

#disablediv1{
position:absolute;
left:200px;
top:20px;
width:600px;
height:544px;
z-index:999;
}

^希望有人会觉得有帮助。

*我还在寻找让滑块随机显示第一张图片的方法......

Answer 1

我在touchslider示例中整理了原始的HTML和CSS。 http://touchslider.com/

工作示例。

http://jsfiddle.net/jvt7U/1/

这就像图像预加载器一样，效率很高。图像src被排除在HTML之外，并且存在一个用于图像的数组，名为gallery。

有两个循环。第一个循环设置数组结构中的随机顺序。例如：

2,0,1
1,2,0
0,1,2

第二个循环根据图库阵列的图像路径指定图像位置。

随机生成器。

您可以搜索更好的随机数生成器，并在此处替换代码。

// Randomize the Array
galleryPosition.sort(function() {return 0.5 - Math.random()});

touchslider.com如何添加一些选项

1 个答案: