Corrano utworzono 13 lipca 2011 utworzono 13 lipca 2011 (edytowane) Witam, chciałbym na mojej stronie zrobić coś w stylu "Czy wiesz że..." i zależy mi żeby ten tekst który się tam znajdzie automatycznie co jakieś 15 sekund zmieniał by się na inny z takim efektem przenikania. Może ktoś mi podpowiedzieć jak to zrobić i czego użyć ? Drugie pytanie dotyczy ogólnie tekstu na stronie, cały szablon zrobiony jest w % wiec jeśli zmniejszamy okno to szablon jedzie wraz z nim i jest wszystko ok, ale tekst na stronie jest wpisany w "position-absolute" czyli stoi ciągle w tym samym miejscu i jeśli będziemy zmniejszać okno to szablon sie pięknie przesuwa ale tekst nawet nie drgnie (a tak być nie może ) Co zrobić z tym tekstem żeby "przyczepił" sie do szablonu ?
benkowik komentarz 13 lipca 2011 komentarz 13 lipca 2011 Witam, Chodzi Ci pewnie o prosty rotator tekstu. Tutaj jest prosty przykład z wykorzystaniem JavaScript: [url="http://www.cba.pl/webmaster/1128542345/"]http://www.cba.pl/webmaster/1128542345/[/url] Tutaj ustawiasz czas: [code]setTimeout("fRotator()",2000)[/code] 2000ms = 2 sek. Tutaj masz tablice tekstów zmieniających się: [code]var tRotator = new Array('Jakiś serwis','kliknij !!!');[/code] Dodajesz je po przecinku w apostrofach.
wojtex5 komentarz 13 lipca 2011 komentarz 13 lipca 2011 [quote]tekst który się tam znajdzie automatycznie co jakieś 15 sekund zmieniał by się na inny z takim [b]efektem przenikania[/b][/quote] chodzi raczej o coś takiego: mamy dwa divy: o takich samych rozmiarach, ustawione jeden nad drugim (za pomocą position: relative i z-index) - kiedy nadchodzi czas zmiany napisu uruchamiamy funkcję (tutaj właśnie SetTimeout() ) i robimy taki trick: odpalamy jednocześnie dwie instrukcje: Effect.Fade("id_górnego_diva"); i Effect.Appear("id_dolnego_diva"); <-- w sensie jedna po drugiej, ewentualnie używamy SetTimeout z opóźnieniem 1ms - to spowoduje taki "efekt rozmycia" a nawet przenikania - dolny div zacznie się pojawiać, a górny zanikać Efekty te znajdziesz w bibliotece ScriptAculoUs (pobierzesz ja stąd: http://script.aculo.us/ - do kodu dodajesz podlinkowanie skryptu Effects.js i powinno działać) musimy mieć oczywiście tablicę z tekstami, tak jak to w przykładzie @Benkowika, a dodatkowo musimy zapisać sobie który div jest na górze a który na dole (dokładniej: który jest widoczny a który nie - bo po wywołaniu Effect.Fade("asd") element o id "asd" zostanie rozmywany do momentu aż go nie będzie widać (fizycznie) a tak na prawdę to on nie będzie w ogóle wyświetlany - jego wartość właściwości [i]display[/i] będzie wynosiła [i]none[/i]) w czasie gdy element nie jest wyświetlany można go spokojnie modyfikować - w naszym wypadku wstawić do niego treść następnej wiadomości "Czy wiesz, że..." z tablicy. Jedyne co pozostało to uruchomić ponownie funkcję... Jeśli miałeś do czynienia z JS to sobie poradzisz, jeśli nie - spróbuj - jak nie wyjdzie to pomożemy
benkowik komentarz 14 lipca 2011 komentarz 14 lipca 2011 Ciekawie można rozwiązać problem także stosując niewidoczny listy [code]<li></li>[/code]. Odpowiednio z nich odczytywać tekst. Co do drugiego pytania, które dopisałeś po jakimś czasie to najlepiej nie używać pozycjonowania absolutnego, tylko w takim przypadku za pomocą margin i padding.
Corrano komentarz 15 lipca 2011 Autor komentarz 15 lipca 2011 Do rozwiązania drugiego problemu zmieniłem tylko pozycjonowanie z absolute na relative i zadziałało, ale nie wiem na ile to bedzie poprawne
benkowik komentarz 15 lipca 2011 komentarz 15 lipca 2011 [quote name='Corrano' timestamp='1310730534' post='1300597'] Do rozwiązania drugiego problemu zmieniłem tylko pozycjonowanie z absolute na relative i zadziałało, ale nie wiem na ile to bedzie poprawne [/quote] W przypadku elastycznych strony ([b]%[/b]) może to przejść. Wszystko wyjdzie w testach czy nie rozwala to strony: [url="http://www.signs.pl/html/s/position.php"]http://www.signs.pl/html/s/position.php[/url]
Wciąż szukasz rozwiązania problemu? Napisz teraz na forum!
Możesz zadać pytanie bez konieczności rejestracji - wystarczy, że wypełnisz formularz.