Вертикален слайдер

O

Onia

Registered
Можете ли да ми предложите някакъв сорс за вертикален слайдер който да се движи автоматично на горе долу 2-3 секунди да се движи и спира и като се постави мишката да спира.
трябва ми за да поставя едни лога на производители да се движат.
Пробвах няколко варианта от нета но не ми свършиха работа.
 
да точно това но може ли да се движи чисто без накъсвания а и не спира когато поставя на картинката мишката.
 
Onia каза:
да точно това но може ли да се движи чисто без накъсвания а и не спира когато поставя на картинката мишката.
Увеличете...
Накъсванията се получават от браузъра, не е от кода. За гладко движение може да използваш js/jquery, но е по-сложно.
 
Onia каза:
Надявах се някой да е срещал такъв линк със кодове и да го покаже.
Увеличете...
http://jsfiddle.net/7zpw2/1/
Я кажи дали това ти върши работа и ако искаш ще ти обясня как да си го вградиш, защото е малко увъртяно :):) :?:
 
Нещо подобно но да е дълга лента и във нея ще вървят надолу или нагоре нема значение посоката малки банери логота на фирми и когато посочим дадена сника спират и ако искаме натискаме да видим дадената снимка къде води.

Тук има един вертикален http://jquery.malsup.com/cycle2/demo/carousel.php ама не се движи сам а и не знам как се прави понеже има код ама js-a не го виждам.
Тоз ще ми свърши работа според мен.
 
Onia каза:
Нещо подобно но да е дълга лента и във нея ще вървят надолу или нагоре нема значение посоката малки банери логота на фирми и когато посочим дадена сника спират и ако искаме натискаме да видим дадената снимка къде води.
Увеличете...
Ако искаш може просто от div да смениш таговете на a, например:
HTML: 
<div id="slider">
    <a class="moveme" href="logo1.html">/*тук си слагаш картинката на logo1*/</a>
    <a class="moveme" href="logo2.html">/*тук си слагаш картинката на logo2*/</a>
    <a class="moveme" href="logo3.html">/*тук си слагаш картинката на logo3*/</a>
    <a class="moveme" href="logo4.html">/*тук си слагаш картинката на logo4*/</a>
</div>
JS-та ще продължи да работи, единственото което трябва да не пипаш е class="moveme"(бях сложил class="red/blue/.." за да се види ефектът, те не са нужни).
 
Onia каза:
на един ред по 5 картинки ще може ли и да има разстояние между картинките.
Увеличете...
Тоест по пет картинки една до друга ли да има? И да се слайдват едновременно? Просто в .moveme слагаш пет картинки с padding и готово ?
HTML: 
<div id="slider">
    <div class="moveme">/*тук слагаш пет <a>-тага, във всеки един от които слагаш по една картинка(лого)*/</div>
    <div class="moveme">/*аналогично*/</div>
    <div class="moveme">/*аналогично*/</div>
    <div class="moveme">/*аналогично*/</div>
</div>
В css-a:
[css].moveme a {
padding: 0 5px;/*5px между всяка картинка*/
}
[/css]:?:
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе