Показать сообщение отдельно
  #2 (permalink)  
Старый 20.11.2011, 13:48
Профессор
Отправить личное сообщение для DjDiablo Посмотреть профиль Найти все сообщения от DjDiablo
 
Регистрация: 04.02.2011
Сообщений: 1,815

Сделал пример чтобы показать саму суть работы подобных плагинов,
до двух кнопок уверен сможешь допилить сам. Перемотка назад, практически калька с перемотки вперёд,только вмеcто next юзай prev, и в проверке на отсутствие картинок (строка 28) ставь вместо первой картинки последнюю.

<!DOCTYPE HTML>
<html>
<body>   
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>

$(function(){

     // скроем изображдения  в начале
     $("#imgs img").hide();         
     
     // выберем первое изображение как стартовое
     var select= $("#imgs img:eq(0)");
     
     //покажем первую картинку
     select.show();      

     // вместо кнопок использую само изобюражения
     $("#imgs img").click(function(){

         //скроем текущее изображение
         select.hide();

         //выберем следующее изображение
         select=select.next();

         //если следующего изображения нет (ну нету, кончились они :) ), тогда выберем вновь первое изображение
         if (select.attr("src")==undefined){select=$("#imgs img:eq(0)");};

         //покажем вновь выбранное изображение. 
         select.show();  
     });               
});    
</script>

<div  id="imgs" align="left">
  <img width="200px" src="http://img-fotki.yandex.ru/get/5013/78967976.57/0_822f5_e013c42f_XL"  />
  <img width="200px" src="http://demotivatorsblog.ru/uploads/www.demotivations.infon2p4qmmzm5mz.jpg"  />
  <img width="200px" src="http://www.radionetplus.ru/uploads/posts/1317536159_demotivatory__402.jpg"/> 
  <img width="200px" src="http://demotivatorbi.ru/s/t/big/tbc0oz3f60nk6.jpg"/>
  <img width="200px" src="http://s41.radikal.ru/i094/1005/4a/18e7f2b3f3c3.jpg"/>
  <img width="200px" src="http://kotomatrix.ru/images/lolz/2009/10/19/381110.jpg"/>
  <img width="200px" src="http://best-dem.ru/wp-content/uploads/2010/10/x_410f4ef9-%D0%BA%D0%BE%D0%BF%D0%B8%D1%8F.jpg"/> 


 </div>


</body>
</html>
__________________
Лучше калымить в гандурасе чем гандурасить на колыме

Последний раз редактировалось DjDiablo, 20.11.2011 в 14:15.
Ответить с цитированием