Непрерывная прокрутка горизонтального тикера, содержащего изображения в jQuery?

Question

Я хотел бы сделать что-то вроде этого: http://javascript.about.com/library/blcmarquee1.htm

Сценарий я ссылка, однако, кажется, немного лага (устарел?), Так что мне было интересно, если кто-нибудь знал, что лучшего решения. (. Решения JQuery приветствуется)

Answer 1

Просто нашли это - JQuery привод, и имеют изображение. Я намерен использовать его для текущего проекта.

http://logicbox.net/jquery/simplyscroll/

UPDATE: Я теперь использовал это в рабочем коде. Плагин способен сгладить 70 + 150 × 65 пикселей изображения довольно гладко, что несколько других плагинов, которые я пробовал аналогично этому, не срабатывали.

ПРИМЕЧАНИЕ: это воняло хаос с ошибками z-index в IE 6/7 и не отображалось и т. Д. - Но это также могло быть частично связано с моим CSS. Для тех, кто возникли проблемы с не появляется вообще в IE проверить стандартные IE z-index исправления: http://www.google.com/search?q=ie+z+index+issues

Последнее обновление: Добавление вещей необходимо учитывать при реализации плагинов, как эти:

• число элементов и типа содержимого для прокрутки. Я нашел номер, который начнет сбой, как только у вас будет более 15 изображений для прокрутки.
• я нашел несколько таких плагинов, которые были привязаны к старым версиям JQuery
• Если скроллинг изображения ОНИ ВСЕ РАВНО SIZE снова ряд плагинов, которые я экспериментировал с работал только если все изображения были одинаковыми но не объяснял это в учебниках. Я верю, что тогда плагины запускают, а затем устанавливают строку тегов li, которые имеют все ширину x, а затем вычисляют общее расстояние между ними, все соединенные вместе, чтобы управлять прокруткой.
• эффектов - некоторые будут постоянно прокручивать другие бы переместить одну паузы изображения для второго затем переместите другое изображение

я теперь нашел эти два скроллеры плагин очень хорошо, как хорошо.

http://caroufredsel.frebsite.nl/

http://sorgalla.com/jcarousel/

Answer 2

The Silky-Smooth jQuery Marquee и Giva Labs' Marquee

Answer 3

Просто мысли. Не могли бы вы сделать что-то подобное.

<style type="text/css"> 

.imgwindow{ 
width:500px; //or whatever 
height:65px; //or whatever 
position:relative; 
overflow:hidden; 
} 

.imgholder{ 
min-width:2000px; 
height:65px; 
position:absolute; 
left:-200px; 
} 

.inline-image{ 
display:inline-block; 
} 

</style> 

<script type="text/javascript"> 

var img; 

function imgScroll(){ 
img = $(".inline-image").first(); 
img.animate({width:0},2500,'linear',function(){ 
    img.remove(); 
    $(".imgholder").append(img); 
    imgScroll(); 
}); 

} 

$(document).ready(function(){ 

imgScroll(); 

}); 

</script> 

и HTML

<div class="imgwindow"> 
    <div class="imgholder"> 
    <img class="inline-image" src="image1" /><img class="inline-image" src="image2" />... 
    </div> 
</div>