Здравствуйте!
Недавно начал изучать Jquery, и столкнулся с проблемой реализации переключения фото.
Мне надо чтобы просто менялось фото(без эффектов и т.д.) путем нажатия кнопки вперед и назад(скриншот:
).
Фотографии находятся в div, пример как я пытался реализовать:
|
Код:
|
<div id="homeimg" align="left">
<img src="images/1.png" />
</div>
<div id="homebtn">
<img id="back" src="images/bgs/back.png" /><img id="next" src="images/bgs/next.png" />
</div>
<div id="imgs" align="left">
<img src="images/1.png" />
<img src="images/2.png" />
<img src="images/3.png"/>
</div> |
JQuery:
|
Код:
|
$(document).ready( function() {
$('#imgs').hide(1);
var path = $('#imgs img').attr('src');
$('#back').click(function(){
$('#homeimg').animate({opacity: 1},100,function(){
$(this).html('<img src=' + path + ' />').find('img');
});
return false;
});
}); // End of ready |