Показать сообщение отдельно
  #4 (permalink)  
Старый 30.09.2011, 15:42
Аватар для Szen
Интересующийся
Отправить личное сообщение для Szen Посмотреть профиль Найти все сообщения от Szen
 
Регистрация: 22.10.2009
Сообщений: 20

Доработка скрипта слайдера до плагина
Переделал скрипт под плагин для jQuery.

Формат блоков остался тот же самый:
<div style="background: #000000; color: #ffffff;" id="spslider3">
  <div>Блок в слайдере 1</div>
  <div>Блок в слайдере 2</div>
  <div>Блок в слайдере 3</div>
  ...
  <div>Блок в слайдере N</div>
</div>


Подключаем плагин в теле HEAD следующим кодом:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="http://szenprogs.ru/scripts/spslider3/jquery.threeslide.min.js"></script>
<script type="text/javascript"><!-- 
  $(function(){
    $('#spslider3').threeslide( { height: 300, width: 150, delay: 2000, padding: 10 } );
  });
// -->
</script>


Сам плагин выложен тут (полная и сжатая версия):
jquery.threeslide.zip
jquery.threeslide.min.zip
Ответить с цитированием