Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] samo zmieniający się tekst
dstp
post
Post #1





Grupa: Zarejestrowani
Postów: 84
Pomógł: 0
Dołączył: 28.07.2011

Ostrzeżenie: (10%)
X----


jak przy pomocy jquery uzyskać efekt samo przeładowania tekstu? napisałem własny prosty slider tekstu, a teraz chcę dodać do niego, żeby sam zmieniał się tekst co np. 3 sek.
Go to the top of the page
+Quote Post
lobopol
post
Post #2





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


funkcja zmiany tekstu odpalana w setInterval http://forum.jquery.com/topic/jquery-setinterval-function
Go to the top of the page
+Quote Post
dstp
post
Post #3





Grupa: Zarejestrowani
Postów: 84
Pomógł: 0
Dołączył: 28.07.2011

Ostrzeżenie: (10%)
X----


znalazłem w sieci nowy slider tekstu i próbuję dodać tutaj tą funkcje. Niby działa, ale nie zmienia tekstu na inny, wie ktoś jak to zrobić?

[JAVASCRIPT] pobierz, plaintext
  1. <script type="text/javascript">
  2. $(document).ready(function() {
  3. $('.sd-buttons a').click(function(){
  4. switch_tabs($(this));
  5. });
  6. switch_tabs($('.defaulttab'));
  7. });
  8.  
  9. $(document).ready(function() {
  10. setInterval(function() {
  11. switch_tabs($('.defaulttab'));
  12. }, 1000);
  13. });
  14.  
  15. function switch_tabs(obj) {
  16. $('.tab-content').hide();
  17. var id = obj.attr("rel");
  18. $('#'+id).fadeIn(1000);
  19. $('#'+id).show("slow");
  20. }
  21. </script>
[JAVASCRIPT] pobierz, plaintext


ciągle się z tym męczę, zrobiłem takie coś:

[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function() {
  2. setInterval(function() {
  3. var i = 0;
  4. var tab = 'tabs';
  5.  
  6. while(i<5) {
  7. i++;
  8. var tab = 'tabs';
  9. $('.tab-content').hide();
  10. $('#'+tab+i).show("slow");
  11. }
  12.  
  13. }, 3000);
  14. });
[JAVASCRIPT] pobierz, plaintext

ale nie działa, po 3 sek. niby się zmienia, ale nie pokazuje tekstu

nikt nie pomoże?

Ten post edytował dstp 30.11.2011, 20:21:59
Go to the top of the page
+Quote Post
lobopol
post
Post #4





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


Pokaż całość na http://jsfiddle.net
Go to the top of the page
+Quote Post
dstp
post
Post #5





Grupa: Zarejestrowani
Postów: 84
Pomógł: 0
Dołączył: 28.07.2011

Ostrzeżenie: (10%)
X----


tutaj bez automatycznej zmiany treści co kilka sekund: http://jsfiddle.net/6y3dZ/
a tutaj zautomatyzowane (to co nie działa): http://jsfiddle.net/6y3dZ/1/ (ustawione 3 sek.)

Ten post edytował dstp 1.12.2011, 21:50:08
Go to the top of the page
+Quote Post
lobopol
post
Post #6





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


Ciężko aby działało jak ty masz w pętli chowanie wszystkich co chwilę.
http://jsfiddle.net/6y3dZ/2/
Go to the top of the page
+Quote Post
dstp
post
Post #7





Grupa: Zarejestrowani
Postów: 84
Pomógł: 0
Dołączył: 28.07.2011

Ostrzeżenie: (10%)
X----


Twoje niby działa, ale czemu to się nie zapętla? Przejdzie do tabs4 i dupa, dalej nie hula. Jakaś pętla by się przydała, ale jak tu zrobić nieskończoną pętle? (IMG:style_emoticons/default/biggrin.gif)

?
Go to the top of the page
+Quote Post
!*!
post
Post #8





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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


Nie rób tego na pętli, tylko sprawdź czy 4 element jest tym ostatnim i wywołaj funkcję ponownie z przejściem do pierwszego elementu.
Go to the top of the page
+Quote Post
lobopol
post
Post #9





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


http://jsfiddle.net/6y3dZ/7/ takie rozwiązanie na szybko, można to znacznie lepiej zrobić, ale nie mam na to czasu.
Go to the top of the page
+Quote Post
dstp
post
Post #10





Grupa: Zarejestrowani
Postów: 84
Pomógł: 0
Dołączył: 28.07.2011

Ostrzeżenie: (10%)
X----


lobopol, dzięki za pomoc, o to mi chodziło.
Go to the top of the page
+Quote Post

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: 25.05.2026 - 11:33