Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][PHP][JavaScript]problem z galeria lightbox 2
Forum PHP.pl > Forum > Przedszkole
lucas307
10.08.2010, 17:25:47
A więc tak mam następujący problem
Mam index.php w ktróym chcę otworzyć plik gal.php
Wszystko niby powinno działać a tak naprawdę po naciśnięciu z menu zrealizowane nic nie wyświetla... Mam może ktoś pomysł jak to zrobić by to działało
Ja już kombinuję z 2 dni i nic z tego nie wychodzi ..
Jedynym rozwiązaniem jest stworzenie drugiego indeksu ale według mnie jest to najgorsze rozwiązanie. bo na poszczególnych pod stronach nie mógł bym stosować też galerii...
Z góry dziękuję za pomoc

[PHP] pobierz, plaintext 
  1. <script type="text/javascript" src="js/prototype.js"></script>
  2. <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
  3. <script type="text/javascript" src="js/lightbox.js"></script>
  4. <link rel="stylesheet" type="text/css" href="style.css"  />
  5. </head>
  6. <body>
  7. <div class="pds">
  8. <div><img src="images/t1.jpg" alt="" /></div>
  9. <div class="nav">
  10. <div class="table">
  11.  
  12. <ul class="select"><li><a href="index.php?par=gl"><b>Strona główna</b>
  13. </a></li></ul>
  14.  
  15. <ul class="select"><li><a href="index.php?par=of"><b>O firmie</b>
  16. </a></li></ul>
  17.  
  18. <ul class="select"><li><a href=""><b>Oferta</b><!--[if IE 7]><!--></a><!--<![endif]-->
  19. <!--[if lte IE 6]><table><tr><td><![endif]-->
  20. <div class="select_sub show">
  21. 	<ul class="sub">
  22. 		<li><a href="index.php?par=ort">Cennik ogólny</a></li>
  23. 		<li><a href="#nogo">Budowa domu od podstaw</a></li>
  24. 		<li><a href="#nogo">Wykończenie wnętrz</a></li>
  25. 		<li><a href="#nogo">Malowanie biur</a></li>
  26. 		<li><a href="#nogo">Aranżacja wnętrz</a></li>
  27. 	</ul>
  28. </div>
  29. <!--[if lte IE 6]></td></tr></table></a><![endif]-->
  30. </li>
  31. </ul>
  32.  
  33.  
  34. <ul class="select"><li><a href="gal/index.php"><b>Zrealizowane</b><!--[if IE 7]><!--></a><!--<![endif]-->
  35. <!--[if lte IE 6]><table><tr><td><![endif]-->
  36. <div class="select_sub">
  37. 	<ul class="sub">
  38. 		<li><a href="#nogo">W trakcjie realizacji</a></li>
  39. 		<li><a href="gal.php">Zrealizowane projekty</a></li>
  40. 	</ul>
  41. </div>
  42. <!--[if lte IE 6]></td></tr></table></a><![endif]-->
  43. </li>
  44. </ul>
  45. <ul class="select"><li><a href="index.php?par=knt"><b>Kontakt</b><!--[if IE 7]><!--></a><!--<![endif]-->
  46. <!--[if lte IE 6]><table><tr><td><![endif]-->
  47. <div class="select_sub">
  48. 	<ul class="sub">
  49. 		<li><a href="#nogo">Lokalizacja</a></li>
  50. 		<li><a href="index.php?par=knt">Kontakt</a></li>
  51. 	</ul>
  52. </div>
  53. <!--[if lte IE 6]></td></tr></table></a><![endif]-->
  54. </li>
  55. </ul>
  56.  
  57. 	   <?  if($_GET["par"]=="") include("gl.php"); if($_GET["par"]==gl) include("gl.php"); if($_GET["par"]==of) include("of.php"); if($_GET["par"]==ort) include("ort.php"); if($_GET["par"]==knt) include("knt.php");
  58. 	  ?>
  59.  
  60.  
[PHP] pobierz, plaintext


Oraz plik css
[HTML] pobierz, plaintext 
  1. /* CSS Document */
  2. #lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
  3. #lightbox img{ width: auto; height: auto;}
  4. #lightbox a img{ border: none; }
  5.  
  6. #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
  7. #imageContainer{ padding: 10px; }
  8.  
  9. #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
  10. #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
  11. #imageContainer>#hoverNav{ left: 0;}
  12. #hoverNav a{ outline: none;}
  13.  
  14. #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
  15. #prevLink { left: 0; float: left;}
  16. #nextLink { right: 0; float: right;}
  17. #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
  18. #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
  19.  
  20. #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
  21.  
  22. #imageData{	padding:0 10px; color: #666; }
  23. #imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
  24. #imageData #caption{ font-weight: bold;	}
  25. #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
  26. #imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
  27.  
  28. #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
  29.  
  30.  
  31.  
[HTML] pobierz, plaintext


Oraz wszytskie pliki potrzebne do działania galeria.
I sam plik gal.php

[HTML] pobierz, plaintext 
  1. <table width="782" border="0" align="center">
  2. <tr>
  3. <td> </td>
  4. <td align="center">
  5. <a href="images/brenna1.jpg" rel="lightbox[roadtrip]"><img src="thumbs/brenna1.jpg" width="100" height="75" alt="" /></a>
  6. <a href="images/brenna2.jpg" rel="lightbox[roadtrip]"><img src="thumbs/brenna2.jpg" width="100" height="75" alt="" /></a>
  7. <a href="images/brenna3.jpg" rel="lightbox[roadtrip]"><img src="thumbs/brenna3.jpg" width="100" height="75" alt="" /></a>
  8. <a href="images/brenna4.jpg" rel="lightbox[roadtrip]"><img src="thumbs/brenna4.jpg" width="100" height="75" alt="" /></a>
  9. <a href="images/brenna5.jpg" rel="lightbox[roadtrip]"><img src="thumbs/brenna5.jpg" width="100" height="75" alt="" /></a>
  10. <a href="images/brenna6.jpg" rel="lightbox[roadtrip]"><img src="thumbs/brenna6.jpg" width="100" height="75" alt="" /></a>
  11. </td>
  12. <td> </td>
  13. </tr>
  14. <tr>
  15. <td> </td>
  16. <td class="glowny1"><span class="glowny">Realizowane projekty i zlecenia. Od bieżacych do zakończonych</span></td>
  17. <td> </td>
  18. </tr>
  19. </table>
[HTML] pobierz, plaintext
Luneth
10.08.2010, 18:13:27
Opisz jakoś bardziej po ludzku co chcesz osiągnąć, co z czym się je, bo walnięcie paruset linijek kodu nic w takim przypadku nie daje biggrin.gif
lucas307
10.08.2010, 18:31:17
A więc tak chodzi o to że mam index.php i w nim za pomocą GET wyświetlam podstrony
no i problem się zaczyna gdy nacisnę w menu zrealizowane czyli tą moją galerię
W menu w js mam tak 
[HTML] pobierz, plaintext 
  1. <li><a href="gal.php">Zrealizowane projekty</a></li>
[HTML] pobierz, plaintext

Po naciśnięciu sprawdza ten warunek i wyświetla stronę

[PHP] pobierz, plaintext 
  1. <div class="right">
  2. <? if($_GET["par"]=="") include("gl.php"); if($_GET["par"]==gl) include("gl.php"); if($_GET["par"]==of) include("of.php"); if($_GET["par"]==ort) include("ort.php"); if($_GET["par"]==knt) include("knt.php");
  3. ?>
  4. </div>
[PHP] pobierz, plaintext


No i niestety nie wyświetla się galeria w ogóle.
Chciałbym żeby strona nie musiała mieć dwóch indexów tak jak mam to teraz
Link do strony
link do galerii
Link do strony z galerią

Znalazłem już błąd nie zauważyłem że nie dodałem warunki if($_GET["par"]==gal) include("gal.php");
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.