Форум АНТИЧАТ

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)
-   PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)
-   -   прокрутка картинки от одного стороны экрана до другой (jquery) (https://forum.antichat.xyz/showthread.php?t=198442)

ufalog 23.04.2010 00:06
прокрутка картинки от одного стороны экрана до другой (jquery)
 
http://egoweb.ru/headerbar_object_sailboot.png


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

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

PHP код:
$(".carabl").animate({"left": "+=200px"}, "slow"); $(".carabl").animate({"left": "-=400px"}, "slow"); $(".carabl").animate({"left": "+=200px"}, "slow"); 
счас карабль катает туда сюда - обратно

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

ufalog 23.04.2010 00:17
пример http://www.ilovesanya.ru/

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

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

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

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

Byte_ 23.04.2010 10:18
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 23.04.2010 10:58
ufalog
Ну подгони под свою верстку. Грубо говоря тебе нужно написать два css, для корабля в крайних положениях, остальное дело техники.

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

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

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

ufalog 23.04.2010 16:32
Цитата:
Сообщение от WNZRS
Сам придумал себе сложность, всё делается без js:
Код HTML:
<marquee behavior="alternate" direction="right" loop="0" scrollamount="5"><img src="http://egoweb.ru/headerbar_object_sailboot.png"></marquee>
так то оно да.. но уж больно они рывками получается...в ие8 ваще он скачет по 2 см так что лутше на джаве

$now 23.04.2010 16:57
WNZRS
Не понимаю, что сложного в использовании js.


Время: 20:40