| |
|
|
| | Доброго времени суток. Есть мини фотогалерея, работает с применением библиотеки jQuery. По клику на превьюшки в большом окне открываются большие фотки. Большая картинка обёрнута в див с id='bigfoto', превьюшки расположены ниже в списке id='smallfoto' и обёрнуты в ссылки на большую фотку.
Как сделать чтобы при клике на большую картинку в блоке id='bigfoto' также она менялась на большую картинку на следующую по списку из блока id='smallfoto', по достижении последней вновь переходила на первую и круг повторялся?
ps моё сообщение блокируется кода я пытаюсь сюда вставить пример html фотогалереи | |
| |
|
|
| |
|
|
| |
для: desertFox
(29.08.2013 в 01:36)
| | | Это вы сами ищите в плагине методы обработки 'bigfoto' и 'smallfoto', и вносите изменения. А делать это надо естественно опираясь на объект источник. То есть, добавив обработку события onclick большому фото, передавать в этот метод источник из коллекции 'smallfoto', в котором несложно определить следующее за ним фото.
<script>
$(function(){
$('#as span').click(function(){
//здесь this (источник) нужно передать в метод обработки .click для #bigfoto
//а это пример как находить следующий источник
var e = $(this).next().length ? $(this).next() : $(this).parent().children().first();
alert(e.text());
});
});
</script>
<div id="as"><span>link1</span> <span>link2</span> <span>link3</span></div>
|
Не обязательно именно эти методы потребуются, так как неизвестно кто является источником события, которые обрабатывает плагин. Но суть будет такой же. | |
| |
|
|
