Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Czasowe podświetlanie obrazków
moto0095
post
Post #1





Grupa: Zarejestrowani
Postów: 247
Pomógł: 9
Dołączył: 12.03.2010

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


Witam. Już od dobrej godziny szukam w Googlach i nic nie mogę znaleźć.
Mam na stronie 6 obrazków. I teraz chciałbym uzyskać następujący efekt:
Gdy gość kliknie na link "podświetl" to co sekundę podświetli się kolejny obrazek (podświetli: zmieni "border-color" na czerwony).
Trochę sam próbowałem (przy użyciu jQuery) i udało mi się coś takiego uzyskać, ale to podświetli tylko pierwszy obrazek:
  1. <script type="text/javascript">
  2. function str_repeat ( input, multiplier ) {
  3. return new Array(multiplier+1).join(input);
  4. }
  5.  
  6. $(document).ready(function () {
  7. var ile = 6;
  8.  
  9. $('a#ok').click(function pods() {
  10. for(i=0; i<ile; i++) {
  11. view(i);
  12. }
  13. });
  14.  
  15. function view(id) {
  16. $('div#mig img').removeClass('active');
  17. $('div#mig img#m'+id).addClass('active');
  18. setTimeOut('view('+id+')', 1000);
  19. }
  20.  
  21. });


Proszę o pomoc (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
erix
post
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Argh, po co Ci do tego nazywanie każdego obrazka z osobna? Masz przecież metodę eq(), która zwraca obiekt o i-tym indeksie.

Puść to na żywo, trochę za mało informacji.

[JAVASCRIPT] pobierz, plaintext
  1. $('div#mig img').removeClass('active');
  2. $('div#mig img#m'+id).addClass('active');
  3. setTimeOut('view('+id+')', 1000);
[JAVASCRIPT] pobierz, plaintext

Z tego, co widzę, to tylko jedną rundkę zrobi i będzie szukać w nieskończoność. I aż prosi się o metodę eq.
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: 5.10.2025 - 02:38