Создание автопрокрутки круговой JQuery изображения скроллер - PullRequest
1 голос
/ 26 ноября 2010

Я искал все выше и ниже, но нашел очень мало для достижения желаемого результата, я пытаюсь взять кучу изображений и создать плавную горизонтальную прокрутку изображений с автоматической прокруткой, похожую на эту http://www.enova -tech.net/rus/lab/jmycarousel/1, у меня проблема в том, что этот плагин был построен на jQuery 1.3.2, если я не ошибаюсь, поэтому я хотел бы создать свой собственный, но с JQuery 1.4.2, так что теперь к вопросу.

Какие-нибудь другие плагины, о которых вы знаете, могут достичь такого же эффекта автоматической прокрутки? Если нет, то как мне создать такой скроллер?

Единственное, что поражает меня - это как заставить скроллер автоматически выполнять непрерывную прокрутку, какие-либо идеи?

HTML-разметка будет выглядеть примерно так:

HTML:

<div id="container">
  <div><img src="/image1.jpg" /></div>
  <div><img src="/image2.jpg" /></div>
  <div><img src="/image3.jpg" /></div>
  <div><img src="/image4.jpg" /></div>
  <div><img src="/image5.jpg" /></div>
  <div><img src="/image6.jpg" /></div>
  <div><img src="/image7.jpg" /></div>
  <div><img src="/image8.jpg" /></div>
</div>

Спасибо заранее!

1 Ответ

0 голосов
/ 26 ноября 2010

Библиотека, которой я доволен, - это jQuery innerfade .
JavaScript:

$('#image_rotate').innerfade({   
    speed: 'slow',   
    timeout:3000 ,   
    type: 'sequence',   
    containerheight: '248px'  
});

И HTML:

<ul class="innerfade" id="image_rotate" style="list-style: none   outside none;">
  <li><img src="/getattachment/1c0b7e7c-5a17-48f3-ba21-f3ff59a70423/.jpg" /></li>
  <li><img src="/getattachment/8d5556dd-6331-48aa-b419-d64f1de9745e/.jpg" /></li>
  <li><img src="/getattachment/65a0474f-9afa-414f-85f1-7cda5ccfffee/.jpg" /></li>
  <li><img src="/getattachment/65f553eb-a07a-4c30-93ab-f9bbf6784139/.jpg" /></li>
  <li><img src="/getattachment/84ec5f3d-c5a3-40e1-a680-7d27de35ec95/.jpg" /></li>
  <li><img src="/getattachment/4a393530-5bdb-4417-be20-0e55981db159/.jpg" /></li>      
</ul> 

РЕДАКТИРОВАТЬ:Требует, чтобы вы сначала включили библиотеку jQuery, а затем неузнаваемость.Посмотрите на ссылку в посте

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...