Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Pływające obrazki w div .js
Sixaa
post
Post #1





Grupa: Zarejestrowani
Postów: 13
Pomógł: 0
Dołączył: 5.06.2010

Ostrzeżenie: (0%)
-----


Witam, szukam java script o nast. działaniu:
Mam diva w którym są obrazki ( z odnośnikami) a javascript robi takie działanie że przesuwają się one w prawo i wychodzą z lewej strony w tym samym czasie, chodzi mi o to że automatycznie to co przepłyneło do prawej wychodzi z lewej. Po najechaniu na pole diva z obrazkami one się zatrzymują.
Widziałem taki scrypt na jakimś darmowym szablonie a więc wiem że jest na licencji freeware jednak szablonu tego znaleźć nie mogę.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Sixaa
post
Post #2





Grupa: Zarejestrowani
Postów: 13
Pomógł: 0
Dołączył: 5.06.2010

Ostrzeżenie: (0%)
-----


W html mi nie działa to wiem, a jak zastosować to w javascrypcie
w sekcji head:
Cytat
<script type="text/javascript" language="JavaScript" src="przewijanie.js"></script>
w sekcji head
plik w folderze strony:
przewijanie.js o treści
Cytat
$(function() {

var marquee = $("#marquee");
marquee.css({"overflow": "hidden", "width": "100%"});

// wrap "My Text" with a span (IE doesn't like divs inline-block)
marquee.wrapInner("<span>");
marquee.find("span").css({ "width": "50%", "display": "inline-block", "text-align":"center" });
marquee.append(marquee.find("span").clone()); // now there are two spans with "My Text"

marquee.wrapInner("<div>");
marquee.find("div").css("width", "200%");

var reset = function() {
$(this).css("margin-left", "0%");
$(this).animate({ "margin-left": "-100%" }, 3000, 'linear', reset);
};

reset.call(marquee.find("div"));

});

I co dalej mam zrobić jak to zastosować?


EDIT:
Ale to i tak nie spełnia moich oczekiwań gdy użytkownik chciałby kliknąć w obrazek on siię nie zatrzymuj=/ ale dzięki;) Idę się uczyć czekam na inne propozycje.

Ktoś jeszcze ma jakieś pomysły?

Ten post edytował Sixaa 2.11.2010, 20:36:56
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 3.10.2025 - 05:02