x-kom hosting

2 pytania o tekst na stronce

Corrano
utworzono
utworzono (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 :P) Co zrobić z tym tekstem żeby "przyczepił" sie do szablonu ? :)

benkowik
komentarz
komentarz

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
komentarz

[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 :D

benkowik
komentarz
komentarz

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
komentarz

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 :D

benkowik
komentarz
komentarz

[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 :D
[/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.

×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Strona wykorzystuje pliki cookies w celu prawidłowego świadczenia usług i wygody użytkowników. Warunki przechowywania i dostępu do plików cookies możesz zmienić w ustawieniach przeglądarki.