Question

我正在构建一个jquery幻灯片，我让主幻灯片自动左右旋转，并缩略图右侧，您也可以单击以旋转图像。

我想在主幻灯片的左侧和右侧放置一个箭头图像，单击该图像时，将沿该方向旋转幻灯片。

Answer 1

这是一个开始。您需要保留当前图像显示的全局变量。然后在该变量和数据库中的图像列表之间建立映射。

<head>
<title>Untitled Document</title>
<script src="jquery-1.6.2.js"></script>
<script>

$(document).ready(function() {

    $("#buttonLeft").click(function(){
         $("#image1").attr('src','http://scm-l3.technorati.com/11/05/04/33025/obama1.jpg?t=20110504183038');
    });

    $("#buttonRight").click(function(){
         $("#image1").attr('src','http://faculty.smu.edu/rblair/Bush.jpg');
    });

});

</script>

</head>
<body>

<button id="buttonLeft" type="button">&lt;==</button><button id="buttonRight" type="button">==&gt;</button>
<br /><br />
<img id="image1" src='http://www.google.com/intl/en_com/images/srpr/logo2w.png' />


</body>
</html>

将下一个/上一个按钮图像添加到jQuery幻灯片中

1 个答案: