Question

JavaScript实现图片切换功能

正中央有一个图片浏览框，默认第一幅图片，
下方有5张小图片，点击切换按钮，浏览框就换到下一张图片，并且下方相对应的图片有被选中效果，切最后返回一张图片，
求代码

Answer 1

用jquery方便些

<img id='photo' src="1.jpg" width='600' height='600' alt="大图" />
<div id="list">
    <img src="1_s.jpg" />
    <img src="2_s.jpg" />
    <img src="3_s.jpg" />
    <img src="4_s.jpg" />
    <img src="5_s.jpg" />
</div>

<script type="text/javascript">
$(document).ready(function() {
    $('#list img').click(function() {
        img  = $(this).attr('src').replace("_s", "");//小图默认是大图名称后加_s
        //img  = $(this).attr('src');//如果大小图都一样
        $(this).addClass('on');//加被选中样式
        $('#photo').attr('src',img);
    });
});
</script>

Answer 2

这个用jquery写的话很简单，用原生js写也可以，只不过代码稍微长一点而已

追问

你能写下不？

追答

用jquery做了个，你看看行不行

Answer 3

随便怎么弄，但是不要弄差了

Answer 4

写一个类。。。。不管是向左还向右。。其实就可以理解为切换到某一张了。。。再深一点就切换到上一张。。下一张。。OK？思路就这样。。只是分太少了。。懒的动手了。。你自己动手写写吧

追问

你写出来给你提分