Javascript Circular Marquee функция

Я создал этот сценарий, чтобы имитировать поведение шатровым HTML тег:Javascript Circular Marquee функция

function MoveNoticias() { 
var valorAbs = $('moverlo').offsetLeft; 
var ancho = $('moverlo').getWidth(); 
valorAbs = Math.abs(valorAbs); 
if ( valorAbs >= ancho) { 
    $('moverlo').setStyle({ left: ancho - 100 }); 
    valorAbs = ancho; 
} 
new Effect.Move('moverlo', { x: -100, y: 0, mode: 'relative' }); 
setTimeout(MoveNoticias, 1); 
}

Все это хорошо, пока эта часть:

if ( valorAbs >= ancho) { 
    $('moverlo').setStyle({ left: ancho - 100 }); 
    valorAbs = ancho; 
}

"шатра" не позиционируется OK , но он все еще мигает и фиксируется там, не сдвигаясь влево.

И я не знаю, почему, я пытаюсь найти способ, любая помощь будет оценена, спасибо!

источник

2012-07-20 Leandro Cusack

Иногда шатер является подходящим инструментом для отображения серии фотографий. –

@Diodeus, это не шатер, это карусель – jbabey

Я не знаю никаких прототипов, знаете ли вы, как запустить событие после завершения другого? Я застрял в этом, в страхе. –

Вам необходимо создать клон содержимого, которое вы скользя. Затем сдвиньте оба из них до тех пор, пока вы не достигнете конца первой панели - затем сбросьте положение до нуля. Не переместите его обратно в исходное положение - просто установите свойство стиля напрямую.

источник

2012-07-20 14:08:59

Вы правы! Я думал о проблеме, пытаясь решить ее только одним div. Я попробую ваше решение. –

Javascript Circular Marquee функция

ответ

Смежные вопросы