js代码 点击小图大图随之改变!
大家看下这个网页,中间那四张黑背景狗狗衣服图片,点击右边四张小图之一,左边大图就会随之改变,这种效果怎么做出来的?高人指点,可以的话,能不能把四张小图并列显示在大图下方?...
大家看下这个网页,中间那四张黑背景狗狗衣服图片,点击右边四张小图之一,左边大图就会随之改变,这种效果怎么做出来的?高人指点,可以的话,能不能把四张小图并列显示在大图下方?有兴趣的朋友帮忙改下!谢了
http://cgi.ebay.com/Gray-Cute-Pet-Hoodie-Coat-Sweater-Dog-Apparel-Clothes-S_W0QQitemZ270465745186QQcmdZViewItemQQptZLH_DefaultDomain_0?hash=item3ef903c122 展开
http://cgi.ebay.com/Gray-Cute-Pet-Hoodie-Coat-Sweater-Dog-Apparel-Clothes-S_W0QQitemZ270465745186QQcmdZViewItemQQptZLH_DefaultDomain_0?hash=item3ef903c122 展开
展开全部
简单点说就是用js控制img的src属性,达到切换效果
function swapIC2(n) { document['ICImage2'].src=arICImages2[n]; }
=====================================================
<script language="javascript">
//这是页面里主要的代码,用了数组
var arICImages2 = new Array(6);
arICImages2[0]="http://i.thestylehome.com/disimage.php?id=10002608&img=image.jpg";
arICImages2[1]="http://i.thestylehome.com/disimage.php?id=10002608&img=10002608_1_image.jpg";
arICImages2[2]="http://i.thestylehome.com/disimage.php?id=10002608&img=10002608_3_image.jpg";
arICImages2[3]="http://i.thestylehome.com/disimage.php?id=10002608&img=10002608_5_image.jpg";
function swapIC2(n) { document['ICImage2'].src=arICImages2[n]; }
...
</script>
function swapIC2(n) { document['ICImage2'].src=arICImages2[n]; }
=====================================================
<script language="javascript">
//这是页面里主要的代码,用了数组
var arICImages2 = new Array(6);
arICImages2[0]="http://i.thestylehome.com/disimage.php?id=10002608&img=image.jpg";
arICImages2[1]="http://i.thestylehome.com/disimage.php?id=10002608&img=10002608_1_image.jpg";
arICImages2[2]="http://i.thestylehome.com/disimage.php?id=10002608&img=10002608_3_image.jpg";
arICImages2[3]="http://i.thestylehome.com/disimage.php?id=10002608&img=10002608_5_image.jpg";
function swapIC2(n) { document['ICImage2'].src=arICImages2[n]; }
...
</script>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询