Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][JavaScript] Lightbox i youtube, Lightbox i youtube
--czuwaj--
post
Post #1





Goście
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 (IMG:style_emoticons/default/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
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
czuwaj
post
Post #2





Grupa: Zarejestrowani
Postów: 22
Pomógł: 0
Dołączył: 15.10.2012
Skąd: Przemyśl

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

Dzięku za odpowiedz jutro przetestuję i powiem co i jak. Jak wszystko bedzie działać to wrzucę kod dla przyszłych pokoleń.

Ten post edytował czuwaj 27.11.2012, 20:15:22
Go to the top of the page
+Quote Post

Posty w temacie
- -czuwaj-   [HTML][JavaScript] Lightbox i youtube   25.11.2012, 23:15:15
- - ensei   http://stackoverflow.com/questions/1806032...g-jqu...   25.11.2012, 23:50:14
- - czuwaj   Dzięku za odpowiedz jutro przetestuję i powiem co ...   26.11.2012, 21:13:17

« Następny starszy · Przedszkole · 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: 7.10.2025 - 01:14
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn