прокрутка картинки от одного стороны экрана до другой (jquery)

[ufalog]

http://egoweb.ru/headerbar_object_sailboot.png


суть карабль должен выплывать с лева и доплывать до права и исчезать и появться снова слева

примерная функция jquery


$(".carabl").animate({"left": "+=200px"}, "slow"); $(".carabl").animate({"left": "-=400px"}, "slow"); $(".carabl").animate({"left": "+=200px"}, "slow");



счас карабль катает туда сюда - обратно

а надо чтоб слева выплывал доплывал до права и снова выплывал с лева ;)

[ufalog]

пример http://www.ilovesanya.ru/

[$now]

Ну так, доведите его до края экрана, уведите за край, затем перебросте в начальное положение и все заново.

Примерно так (предполагаю что ширина корбаля 100px а экрана 1280)


$(".carabl").css({"left": "-100px"});
while (false) {
$(".carabl").animate{"left": "1280px"}, "slow", function() {
$(".carabl").css({"left": "-=100px"});
});
}

[ufalog]

а если мне надо не 1280px а 100% тоесть шапка резиновая..

[Byte_]

ufalog, если у тебя шапка с id #head

$(".carabl").css({"left": "-100px"});
while (false) {
$(".carabl").animate{"left": ($("#head").width() + 100) + "px"}, "slow", function() {
$(".carabl").css({"left": "-=100px"});
});
}

З.Ы.: Если не сработает, то parseInt($("#head").width())

[$now]

ufalog
Ну подгони под свою верстку. Грубо говоря тебе нужно написать два css, для корабля в крайних положениях, остальное дело техники.

Можно даже написать два разных класса corabl1 и corabl2 и их переключать.

parseInt($("#head").width())
Я просто умножаю на единичку.

[WNZRS]

Сам придумал себе сложность, всё делается без js:
<marquee behavior="alternate" direction="right" loop="0" scrollamount="5"><img src="http://egoweb.ru/headerbar_object_sailboot.png"></marquee>

[ufalog]

Сам придумал себе сложность, всё делается без js:
<marquee behavior="alternate" direction="right" loop="0" scrollamount="5"><img src="http://egoweb.ru/headerbar_object_sailboot.png"></marquee>

так то оно да.. но уж больно они рывками получается...в ие8 ваще он скачет по 2 см так что лутше на джаве

[$now]

WNZRS
Не понимаю, что сложного в использовании js.