Добавление изображения кнопки «Следующая / Предыдущая» в слайд-шоу jQuery - PullRequest
Новая
       12

Добавление изображения кнопки «Следующая / Предыдущая» в слайд-шоу jQuery

1 голос
/ 24 июля 2011

У меня есть слайд-шоу jquery, которое я создаю, и у меня есть основные слайды, вращающиеся влево и вправо автоматически, а также миниатюры вправо, по которым вы можете щелкнуть, чтобы повернуть изображения.

Я хочу разместить изображение стрелки как на левой, так и на правой стороне основных слайдов, чтобы при щелчке они поворачивали слайд-шоу в этом направлении.

1 Ответ

0 голосов
/ 25 июля 2011

Вот начало. Вам нужно сохранить глобальную переменную того, что отображает текущее изображение. Затем сопоставьте эту переменную со списком изображений в вашей базе данных. 

<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>
...