Ответов: 5 Просмотров: 1474
|
Мне нужно то же самое. Имеется 15 картинок вида:
CODE ( htmlphp):
скопировать код в буфер обмена
site.com/image/22/thumbs/00000001.jpg site.com/image/22/thumbs/00000002.jpg site.com/image/22/thumbs/00000003.jpg site.com/image/22/thumbs/00000004.jpg ... site.com/image/22/thumbs/00000015.jpg
Также надо, чтоб при наведении мышки было слайд шоу с интервалом 1 сек. Так в чём же дело, спросите вы? А дело в том, что в батниках я ещё понимаю, но не в html. Вот если бы кто объяснил мне куда, в какой файл, выше приведённые коды надо положить, или как эти коды в один файл положить, как назвать эти файлы? Спасибо.
(Добавление)
Пока получилось с 15 -ю картинками, как отобразить, если число картинок неопределенно, то есть, если очередной картинки нет на сервере, начиналось бы сначало с первого рисунка?
1.html
CODE ( htmlphp):
скопировать код в буфер обмена
<!doctype html> <html> <body> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="script2.js"></script> <img width="259" alt="" src="http://videos/thumbs/00000001.jpg" data-gallery="http://videos/thumbs/0000000" data-thumb="1" class="video-thums"> </body> </html>
script2.js
CODE ( htmlphp):
скопировать код в буфер обмена
$(document).ready(function(){ $('img.video-thums') .hover(function() { var _this = this, gallery = _this.getAttribute('data-gallery'), counter = _this.getAttribute('data-thumb'); _this.timer = setInterval(function() { if(counter > 16) { counter = 1; } if(counter < 10) { _this.src=gallery+'0'+counter+'.jpg'; _this.setAttribute('data-thumb', counter); counter++; } if(counter > 9) { _this.src=gallery+counter+'.jpg'; _this.setAttribute('data-thumb', counter); counter++; } }, 1000); }, function() { //this.src = this.getAttribute('data-src'); clearInterval(this.timer); }); });
|