首先打开图片转换工具 Image2lcd v3.2
然后打开第一张你想要转换的图片
然后选择批量转换，点击确定（注意页面一些输入框中的参数内容因人而异）
特别注意的是，由于处理的文件较多可能会卡死，但是不要担心看着是卡着不动，可能还在运行，可以打开目标文件夹确认是否还在产生新的.bin文件
将这些.bin文件合成为一个.bin文件
按住 win + r 键 在弹出的框中输入cmd 点击 确定 打开cmd面板
然后用 pushd 指令先进入到文件所在目录
<style>.box {display:flexmargin:100px 100px}
.box img {position:relativeheight:200pxtransition:all 0.5sz-index:1box-shadow:0 0 1px #000}
</style>
<div class="box">
<img src="图片1"/><img src="图片2"/><img src="图片3"/><img src="图片4"/><img src="图片5"/>
</div>
<script type="text/javascript">
$(function(){
$(".box img").click(function(){
$(".box img").css({"transform":"scale(1,1)","z-index":"1","box-shadow":"0 0 1px #000"})
$(this).css({"transform":"scale(1.6,1.6)","z-index":"3","box-shadow":"0 0 10px #000"})
if($(this).prev())$(this).prev().css({"transform":"scale(1.3,1.3)","z-index":"2","box-shadow":"0 0 5px #000"})
if($(this).next())$(this).next().css({"transform":"scale(1.3,1.3)","z-index":"2","box-shadow":"0 0 5px #000"})
})
})
</script>
需要引用jquery
第一种方法：将三张大图放在div里面，这三个div大小还有别的属性都一样，但是默认是隐藏的，display：none；隐藏display：block；显示然后点击一张图片，对应的大图div显示出来，点击第二张，第一个大图div隐藏，第二个大图div显示。第二种方法，只有一个大的div，里面放<img>标签，但是src也就是路径是空的，然后当你点击第一个小图的时候，给这个img标签的src赋值，也就是第一个大图的路径，点击第二个，路径变更。第三种，去网上找找这样的源代码，图片轮转。好多源代码 各种样式的都有。希望能帮助到你
