在我们网上选购商品是会遇到商品颜色的选择
类似于:
当我们单击右侧的颜色块时 左边的展示图片也随之改变当前选择的颜色!
思维逻辑:点击img图片按钮,左侧图片路径自行改变!
这时我们就要用到jQuery中切割字符——split
HTML代码:
<div class="jqzoom"><img src="images/pro_img/blue_one_small.jpg" class="fs" alt="" jqimg="images/pro_img/blue_one_big.jpg" id="bigImg"/></div>
<span>
<a href="images/pro_img/blue_one_big.jpg" id="thickImg" title="介绍文字" class="thickbox">
<img alt="点击看大图" src="images/look.gif" />
</a>
</span>
<ul class="imgList">
<li>
<img src="images/pro_img/blue_one.jpg" alt="" />
</li>
<li>
<img src="images/pro_img/