Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JS] jQuery Zaznaczenie wybranego zdjęcia
tomeknh
post
Post #1





Grupa: Zarejestrowani
Postów: 90
Pomógł: 0
Dołączył: 2.12.2007

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


Witam,

Mam div z zdjęciami:
  1. <div id="thumbs">
  2. <img src="foto/>
  3. <img src="foto/>
  4. <img src="foto/>
  5. <img src="foto/>
  6. </div>


Oraz kod jQuery

  1. $(document).ready(function() {
  2.  
  3. $("#thumbs img").click(function() {
  4. $(this).css("border", "1px solid red");
  5. });
  6.  
  7. }
  8. );


Po kliknięciu w dany obrazek robi się w okół niego czerwona ramka. Jak zrobić żeby klikając w nowy obrazek ramka z poprzedniego znikała?(IMG:style_emoticons/default/questionmark.gif) (IMG:style_emoticons/default/questionmark.gif)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
flashdev
post
Post #2





Grupa: Zarejestrowani
Postów: 812
Pomógł: 117
Dołączył: 2.12.2008

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


Cytat(tomeknh @ 7.08.2010, 00:04:59 ) *
[...]
Po kliknięciu w dany obrazek robi się w okół niego czerwona ramka. Jak zrobić żeby klikając w nowy obrazek ramka z poprzedniego znikała?(IMG:style_emoticons/default/questionmark.gif) (IMG:style_emoticons/default/questionmark.gif)


Skoro umiesz dodać, to co za problem uprzednio usunąć (IMG:style_emoticons/default/winksmiley.jpg)

  1. $(document).ready(function() {
  2.  
  3. $("#thumbs img").click(function() {
  4. $(this).parent().children('img').css("border", "0");
  5. $(this).css("border", "1px solid red");
  6. });
  7.  
  8. }
  9. );


edit@up: Stawiam dopiero pierwsze kroki w jQuery, ale dziękuję za zwrócenie słusznej uwagi. Wiem że nie jest to optymalne rozwiązanie jednak w większości przypadków (no przecież to tylko kilka obrazków (IMG:style_emoticons/default/winksmiley.jpg) ) takie wystarczy.

Ten post edytował flashdev 6.08.2010, 23:23:13
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: 15.10.2025 - 15:58