
Gabor
Szerkesztő
|
Ha arra gondolsz, hogy a kép legyen nagyobb úgy mint a galériában, akkor neked az eredeti lightbox scriptre van szükséged, amit ez a galéria is használ. Ha letöltöd akkor nincs más hátra minthogy beépísd az oldaladba.
Először is tömörísd ki a .zip fájlt majd az index.html fájl kivételével mindent másolj abba a mappába ahol az a bizonyos oldalad van. (a mappákat is, de ha már vannak ilyen nevű mappáid, akkor természetesen elég ha mondjuk a js mappából mindent átmásolsz a te js mappádba)
Ezután az oldal <head> részébe másold be ezt a kódot: 1
2
3
4
5
| <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" /> | Ha ez is megvan akkor vessünk egy pillantást a képre. Azt írtad szeretnéd ha rákattintva megnyílna a galéria. Most így néz ki a kép 1
| <img src="./kep.jpg" alt="Kep"> |
Próbáld ki hogy így módosítod 1
| <a href="ugyanaz-a-kep-nagyban.jpg" rel="lightbox" title="leiras"><img src="./kep.jpg" alt="Kep"></a> |
Még egy apróság hogy ezesetben ha több kép is van és azt szeretnéd hogy lapozni lehessen köztük akkor azt a részt hogy rel="lightbox" cseréld ki erre rel="lightbox[sorozat]" és akkor lehet lapozni az így megjelölt képek közt.
Kicsit hosszúra sikerült bocsi
|