Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][JavaScript]Problem z lightbox
Forum PHP.pl > Forum > Przedszkole
Serb87
Witam

Mam problem z lightbox
Na stronie zamieszczone sa juz miniaturki a problem jest w tym ze nie wiem jak zmienic kod aby miniaturka otwierała sie własnie w lightbox.

Tu znajduje sie kawałek kodu w którum powinienem wkleic rel="lightbox"

Kod
<?php
$result=mysql_query("SELECT * FROM `zdjecia` WHERE `ogloszenie` = '$o' AND sciezka <> 0 ORDER by nr ASC LIMIT 5");
$numRows = mysql_num_rows($result);
if($numRows==0) print("<b>Brak dodanych zdjęć.</b>");
else
{
$ile=1;
while($r=mysql_fetch_array($result))
    {
    if($ile==1) print("
    <a href=\"zdjecia/$o/".$r['sciezka']."\" target=_blank id=\"duze\"  name=\"duze\" > <img src=\"zdjecia/$o/med_".$r['sciezka']."\" align=center  name=\"zdjecie\" class=zdjecie></a>
    <br><img src=img/px.gif height=2px><br>
    <a href=\"javascript:pokaz('$o','".$r['sciezka']."');\"><img src=\"zdjecia/$o/min_".$r['sciezka']."\" align=center class=zdjecie></a>");
    else print("<img src=img/px.gif width=2px>
    <a href=\"javascript:pokaz('$o','".$r['sciezka']."');\" ><img src=\"zdjecia/$o/min_".$r['sciezka']."\"  align=center class=zdjecie></a>");
    $ile++;
    }
}
?>
vokiel
Domyślam się że duże zdjęcie jest pod linkiem : zdjecia\$o\$r['sciezka']
  1. $result=mysql_query("SELECT * FROM `zdjecia` WHERE `ogloszenie` = '$o' AND sciezka <> 0 ORDER by nr ASC LIMIT 5");
  2. $numRows = mysql_num_rows($result);
  3. if($numRows==0) {
  4. echo '<strong>Brak dodanych zdjęć.</strong>';
  5. }
  6. else{
  7. $ile=1;
  8. while($r=mysql_fetch_array($result)){
  9. if($ile==1){
  10. ?>
  11. <a href="zdjecia<?=$o;?><?=$r['sciezka'];?>" target=_blank id="duze" name="duze" > <img src="zdjecia<?=$o;?>med_<?=$r['sciezka'];?>" align="center" name="zdjecie" class="zdjecie"></a>
  12. <br /><img src="img/px.gif" style="height: 2px;"><br />
  13. <a href="zdjecia<?=$o;?><?=$r['sciezka'];?>" rel="lightbox"><img src="zdjecia<?=$o;?>min_<?=$r['sciezka'];?>" align="center" class="zdjecie"></a>
  14. <?php
  15. }else{
  16. ?>
  17. <img src="imgpx.gif" style="width: 2px;">
  18. <a href="zdjecia<?=$o;?><?=$r['sciezka'];?>" rel="lightbox" ><img src="zdjecia<?=$o;?>min_<?=$r['sciezka'];?>" align="center" class="zdjecie"></a>
  19. <?php
  20. $ile++;
  21. }
  22. }
  23. }
Serb87
niestety nie działa sad.gif
vokiel
A jakiś błąd się pojawia przy generowaniu strony?
Jakieś błędy w firebug'u?
Dołączyłeś poprawnie biblioteki?
Może pokaż kawałek html'a wynikowego.
Serb87
problem sie zaczyna po dodaniu do kodu rel="lightbox" co powoduje ze nic sie nie pokazuje sad.gif
co prawda bez rel="lightbox pokazuja sie miniaturki natomiast po probie klikniecia na nie wyskakuje bład tzn brak dostpu czy cos takiego.
vokiel
Zrób bez rel="lightbox" i zobacz cz po kliknięciu na miniature się otwiera nowy obrazek. Jeśli tak, to nie jest problem lightbox'a, jeśli się nie otwiera, to znaczy ze link do dużego obrazka jest tworzony niepoprawnie, i trzeba tutaj szukać błędu.
Serb87
po poprawieniu adresu teraz zdjęcie otwiera sie normalnie natomiast chciał bym zeby otwierało sie ciekawiej za pomoca lightbox'a i nie wiem jak to zrobic.
vokiel
To jesli link jest ok, i zdjecie sie otwiera, to znaczy, że problem najprawdopodobniej jest w podłączeniu bibliotek lightbox'a. Sprawdź dobrze podlinkowanie wszystkich jego elementów. U mnie to wygląda np tak:
  1. <!-- lightbox -->
  2. <script type="text/javascript" src="lightbox/prototype.js"></script>
  3. <script type="text/javascript" src="lightbox/scriptaculous.js?load=effects"></script>
  4. <script type="text/javascript" src="lightbox/lightbox.js"></script>
  5. <link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />
  6. <!-- & of lightbox -->
Serb87
Nastepny problem rozwiazany biggrin.gif wystarczyło wpisac rel=\"lightbox\" a nie rel="lightbox". Dzieki vokiel za nakierowanie. pozdro
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.