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:
[HTML] pobierz, plaintext 
  1. <div id="thumbs">
  2. <img src="foto/>
  3. <img src="foto/>
  4. <img src="foto/>
  5. <img src="foto/>
  6. </div>
[HTML] pobierz, plaintext


Oraz kod jQuery

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


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
tomeknh
post
Post #2





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

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

Niestety nie działa...popatrz:


[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  4. <script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>
  5. <title></title>
  6. <style type="text/css">
  7. img {
  8. border:0;
  9. }
  10. </style>
  11. <script type="text/javascript">
  12. $(document).ready(function() {
  13. 	if( 1 ){
  14. 		$("#thumbs img").click(function() {
  15. 			$(this).parent().children('img').css("border", "0");
  16. 			$(this).css("border", "1px solid red");
  17. 		});
  18. 	}else{
  19. 		var imgs = $("#thumbs img");
  20. 		imgs.click(function() {
  21. 			$(imgs).css('border', 0).filter(this).css("border", "1px solid red");
  22. 		});
  23. 	}
  24. });
  25.  
  26.  
  27. </script>
  28. </head>
  29. <body>
  30.  
  31. <div style="width:880px;height:665px;margin:0 auto;text-align:left;" id="thumbs">
  32. 	<div>
  33. 		<a href="java script:void(0);" onclick="show('bz57l6hp.jpg', 960, 1)">
  34. 		<img src="s_0u2mu5pn.jpg" alt="" style="padding-right:8px;position:relative;top:0px;">
  35. 		</a>
  36.  
  37. 		<a href="java script:void(0);" onclick="show('bz57l6hp.jpg', 960, 2)">
  38. 		<img src="s_zzz5q6n3.jpg" alt="" style="padding-right:8px;position:relative;top:0px;">
  39. 		</a>
  40.  
  41. 		<a href="java script:void(0);" onclick="show('bz57l6hp.jpg', 1024, 3)">
  42. 		<img src="s_49bqgdda.jpg" alt="" style="padding-right:8px;position:relative;top:0px;">
  43. 		</a>
  44.  
  45. 		<a href="java script:void(0);" onclick="show('bz57l6hp.gif', 1024, 4)">
  46. 		<img src="s_q1gjczlh.gif" alt="" style="padding-right:8px;position:relative;top:0px;">
  47. 		</a>
  48.  
  49. 		<img src="files/img/spacer.gif" style="height:60px;width:278px;">
  50.  
  51. 		<a href="java script:void(0);" onclick="show('bz57l6hp.jpg', 1024, 5)">
  52. 		<img src="s_feqg5ngk.jpg" alt="" style="padding-right:8px;position:relative;top:0px;">
  53. 		</a>
  54.  
  55. 		<a href="java script:void(0);" onclick="show('bz57l6hp.jpg', 500, 6)">
  56. 		<img src="s_up2ygwan.jpg" alt="" style="padding-right:8px;position:relative;top:0px;">
  57. 		</a>
  58.  
  59. 		<a href="java script:void(0);" onclick="show('bz57l6hp.jpg', 1024, 7)">
  60. 		<img src="s_bz57l6hp.jpg" alt="" style="padding-right:8px;position:relative;top:0px;">
  61. 		</a>
  62.  
  63. 		<a href="java script:void(0);" onclick="show('eyx8hgel.jpg', 1024, 8)">
  64. 		<img src="s_eyx8hgel.jpg" alt="" style="padding-right:8px;position:relative;top:0px;">
  65. 		</a>
  66. 	</div>
  67. </div>
  68.  
  69.  
  70. </body></html>
  71.  
[HTML] pobierz, plaintext


Ten post edytował tomeknh 6.08.2010, 23:57:49
Go to the top of the page
+Quote Post

Posty w temacie
- tomeknh   [JS] jQuery Zaznaczenie wybranego zdjęcia   6.08.2010, 23:04:59
- - erix   [JAVASCRIPT] pobierz, plaintext var imgs = $(...   6.08.2010, 23:15:15
- - flashdev   Cytat(tomeknh @ 7.08.2010, 00:04:59 )...   6.08.2010, 23:15:52
- - tomeknh   Niestety ani jeden ani drugi kod nie działa...komb...   6.08.2010, 23:39:58
- - flashdev   Cytat(tomeknh @ 7.08.2010, 00:39:58 )...   6.08.2010, 23:46:46
- - tomeknh   Niestety nie działa...popatrz: [HTML] pobierz, p...   6.08.2010, 23:56:09
- - flashdev   Przzecież masz inny kod $("#thumbs i...   6.08.2010, 23:58:15
- - tomeknh   nie zwracaj uwagi na to jak jest stworzone bo to t...   7.08.2010, 00:05:14
- - flashdev   Cytat(tomeknh @ 7.08.2010, 01:05:14 )...   7.08.2010, 00:14:21
- - tomeknh   Super działa!!! dziękuje Ci bardzo za ...   7.08.2010, 10:12:21

« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 15.10.2025 - 15:58
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn