Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript] Lightbox i youtube
Forum PHP.pl > Forum > Przedszkole
-czuwaj-
25.11.2012, 23:15:15
Witam, mój problem polega na ty, że przy użuciu lightbox chcę wyswietlać filmy z YT no i przygotowałem sobie kod wszystko działa łatnie tylko, że gdzy klikam Close to film znika ale dzwięk nadal słychać tak, tak wiem o co chodzi div zwyczajnie jest ukrywany, ale moje pytanie brzmi czy podczas ukrywania filmu da raze się zrobić tak, aby film przestał się odtwarzać. Czytałem o metodzie Colorbox ale w ogóle się nie odnajdyje w tamtym kodzie JavaScript to nie jest moja mocna strota, także jeśli ktoś ma pomysły jak rozwiązać ten problem to zapraszam do dyskusji smile.gif

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html><head>
  3. <meta http-equiv="content-type" content="text/html; charset=ISO-8859-2">
  4. 		<title>LIGHTBOX EXAMPLE</title>
  5. 		<style>
  6. 		.black_overlay{
  7. 			display: none;
  8. 			position: absolute;
  9. 			top: 0%;
  10. 			left: 0%;
  11. 			width: 100%;
  12. 			height: 100%;
  13. 			background-color: black;
  14. 			z-index:1001;
  15. 			-moz-opacity: 0.8;
  16. 			opacity:.80;
  17. 			filter: alpha(opacity=80);
  18. 		}
  19. 		.white_content {
  20. 			display: none;
  21. 			position: absolute;
  22. 			top: 25%;
  23. 			left: 25%;
  24. 			width: 50%;
  25. 			height: 50%;
  26. 			padding: 5px;
  27. 			border: 1px solid #000;
  28. 			background-color: white;
  29. 			z-index:1002;
  30. 			overflow: auto;
  31. 		}
  32. 	</style>
  33. 	</head>
  34. 	<body>
  35. 		<p><a href="java script:void(0)" onclick="document.getElementById('0').style.display='block';document.getElementById('fade').style.display='block'">here</a></p>
  36. 		<div id="0" class="white_content">
  37. 		<iframe width="640" height="360" src="http://www.youtube.com/embed/kuw5T5zhs34" frameborder="0" allowfullscreen></iframe>
  38. 		<a href="java script:void(0)" onclick="document.getElementById('0').style.display='none';document.getElementById('fade').style.display='none'">Close</a></div>
  39. 		<div id="fade" class="black_overlay"></div>
  40.  
  41. <p><a href="java script:void(0)" onclick="document.getElementById('1').style.display='block';document.getElementById('fade').style.display='block'">here</a></p>
  42. 		<div id="1" class="white_content">
  43. 		<iframe width="640" height="360" src="http://www.youtube.com/embed/-Q3uCx_k8ng" frameborder="0" allowfullscreen></iframe>		
  44. 		<a href="java script:void(0)" onclick="document.getElementById('1').style.display='none';document.getElementById('fade').style.display='none'">Close</a></div>
  45. 		<div id="fade" class="black_overlay"></div>
  46.  
  47. </body>
  48. </html>
[HTML] pobierz, plaintext
ensei
25.11.2012, 23:50:14
http://stackoverflow.com/questions/1806032...g-jquery-ie-bug
czuwaj
26.11.2012, 21:13:17
Dzięku za odpowiedz jutro przetestuję i powiem co i jak. Jak wszystko bedzie działać to wrzucę kod dla przyszłych pokoleń.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.