Nie wiem jak wstawić kod lightboxa do galerii na mojej stronie. Proszę o pomoc


(Zebulak) #1

Nie umiem na stronie galerii zdjęć uruchomić lightboxa. Mam stronę

html

head
meta http-equiv="content-type" content="text/html; charset=iso-8859-2"

script type="text/javascript" src="js/prototype.js"/script
script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"/script
script type="text/javascript" src="js/lightbox.js"/script

link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /

title
Galeria
/title

/head






body


table 
trtd colspan="2" img src="baner.png"/td /tr
trtd a href="omnie.html"img src="omnie.png"style="float:left;" /a
/td td style="width:1000; vertical-align:top" rowspan="4" 

img src="grafika/admin3male.png" br

img src="grafika/angus.png" width="250" height="188"


a href="js/images/admin3male.png" rel="lightbox[roadtrip]"image #1/a
a href="images/image-2.jpg" rel="lightbox[roadtrip]"image #2/a
a href="images/image-3.jpg" rel="lightbox[roadtrip]"image #3/a

 
 
 
 
 
 
 /td /tr
trtda href="cv.html"img src="cv.png" style="float:left;"/a/td/tr
trtda href="galeria.html"img src="galeria.png" style="float:left;"/a/td/tr
trtda href="kontakt.html"img src="kontakt.png" style="float:left;"/a/td/tr




/table






 /body

/html

(pantera272) #2

Grafike wklejasz gdzie chcesz tylko odnośniki muszą być dobrze podane. A możesz szczegółowiej opisać co się dzieje? Przeważnie spotykałem lightboxa opartego o jquery.

Tu masz lightboxa który napewno działa: http://lokeshdhakar.com/projects/lightbox2/


(Zebulak) #3

Chodzi mi o to, czy <script type…> wstawić do sekcji pomiędzy <head> a </head> i dołączyć tam style, obrazki wydaje się, że muszą być w katalogu images


(pantera272) #4

Tak script type oraz style ma być między head,obrazki nie muszą być w katalogu images, liczy się ścieżka do nich. Zajrzyj do linka który ci podałem tam wszystko jest.


(Zebulak) #5

Proszę Cię o przeanalizowanie kodu, narazie dajmy spokój lightboxowi, chodzi o galerię, strona oparta jest o tabele, menu jest ustawione po lewej, teraz, gdy wstawiam grafikę, menu rozszerza się, nie chce czegoś takiego

 

dobpro_png_300x300_q85.jpg

 

w przypadku jak przejdziesz na stronie o mnie jest OK

 

dobpro2_png_300x300_q85.jpg

 

Problem tkwi w tabeli, kod do strony galeria

html

head
meta http-equiv="content-type" content="text/html; charset=iso-8859-2"


title
Galeria
/title

/head






body


table 
trtd colspan="2" img src="baner.png"/td /tr/td

 trtd a href="omnie.html"img src="omnie.png"style="float:left;" /a 
/td td style="width:1000; vertical-align:top" rowspan="4 colspan=4" 



a href="grafika/admin3.png"img src="grafika/admin3male.png"/a

a href="grafika/angus.png"img src="grafika/angusmale.png" /a


a href="grafika/bracia.png"img src="grafika/braciamale.png"/a 

a href="grafika/autoportret.png"img src="grafika/autoportretmale.png"/a 
a href="grafika/hania.png"img src="grafika/haniamale.png" /a


a href="grafika/graffiti.png"img src="grafika/graffitimale.png"/a 

a href="grafika/koncert.png"img src="grafika/koncertmale.png" /a


a href="grafika/admin3.png"img src="grafika/admin3male.png"/a 

a href="grafika/angus.png"img src="grafika/angusmale.png" /a


a href="grafika/bracia.png"img src="grafika/braciamale.png"/a 


a href="grafika/admin3.png"img src="grafika/admin3male.png"/a 

a href="grafika/angus.png"img src="grafika/angusmale.png" /a


a href="grafika/admin3.png"img src="grafika/admin3male.png"/a 

a href="grafika/angus.png"img src="grafika/angusmale.png" /a




 /td /tr

 
trtda href="cv.html"img src="cv.png" style="float:left;"/a/td/tr
trtda href="galeria.html"img src="galeria.png" style="float:left;"/a/td/tr

 trtda href="kontakt.html"img src="kontakt.png" style="float:left;"/a/td/tr




/table






 







 /body

/html

Nie jestem dobry w edycji kodu, gdzie tkwi błąd? Jeśli wiesz pomóż.


(Drobok) #6

źle formatujesz kod :arrow: to jest podstawa w jego “debugowaniu”

Jeśli wklejasz kod jakąś funkcją to powinieneś również podać kod menu, inaczej nie jesteś w stanie określić co konkretnie chcesz zrobić.

Jeśli nie wiesz co jest przyczyną błędu podaj link do serwera testowego.

Tutaj masz przykład jak formatowanie kodu pomaga w jego czytaniu:

<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
  <title>Galeria</title>
</head>
  <body>
    <table>
      <tr><td colspan="2" > <img src="baner.png"></td></tr>
</td><!--tutaj masz zbędny td-->
      <tr>
         <td> <a href="omnie.html"><img src="omnie.png"style="float:left;"> </a> </td>
         <td style="width:1000; vertical-align:top" rowspan="4 colspan=4" >
          <a href="grafika/admin3.png"><img src="grafika/admin3male.png"></a>
          <a href="grafika/angus.png"><img src="grafika/angusmale.png" ></a>
          <a href="grafika/bracia.png"><img src="grafika/braciamale.png"></a> 
          <a href="grafika/autoportret.png"><img src="grafika/autoportretmale.png"></a> 
          <a href="grafika/hania.png"><img src="grafika/haniamale.png" ></a>
          <a href="grafika/graffiti.png"><img src="grafika/graffitimale.png"></a> 
          <a href="grafika/koncert.png"><img src="grafika/koncertmale.png" ></a>
          <a href="grafika/admin3.png"><img src="grafika/admin3male.png"></a> 
          <a href="grafika/angus.png"><img src="grafika/angusmale.png" ></a>
          <a href="grafika/bracia.png"><img src="grafika/braciamale.png"></a> 
          <a href="grafika/admin3.png"><img src="grafika/admin3male.png"></a> 
          <a href="grafika/angus.png"><img src="grafika/angusmale.png" ></a>
          <a href="grafika/admin3.png"><img src="grafika/admin3male.png"></a> 
          <a href="grafika/angus.png"><img src="grafika/angusmale.png" ></a>
         </td>
      </tr>
      <tr>
        <td><a href="cv.html"><img src="cv.png" style="float:left;"></a></td>
      </tr>
      <tr>
        <td><a href="galeria.html"><img src="galeria.png" style="float:left;"></a></td>
      </tr>
      <tr>
        <td><a href="kontakt.html"><img src="kontakt.png" style="float:left;"></a></td>
      </tr>
    </table>
  </body>
</html> 

PS stron na tabelach nie robi się od dobrych kilkunastu lat więc powinieneś uczyć się czegoś bardziej współczesnego