Also eine Anleitung für die es nicht geschafft haben: -Lightbox-
1.Download der Lightbox
externer Link
2.die Ordnerstrucktur:
/include/includes/js/js
/include/includes/js/css
/images
3.
Den Code:
<script type="text/javascript" src="include/includes/js/js/prototype.js"></script>
<script type="text/javascript" src="include/includes/js/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="include/includes/js/js/lightbox.js"></script>
<link rel="stylesheet" href="include/includes/js/css/lightbox.css" type="text/css" media="screen" />
in den Index schreiben von dem Design das ihr verwendet.
4.In der lightbox.css müsst ihr noch den Code:
background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
eure url eingeben zb.:
background: transparent url(http://eurewebseite/images/blank.gif) no-repeat; /* Trick IE into
5.Was wollt ihr ändern User-Gallery die findet ihr:
/include/templates/user/gallery.htm
<a target="_blank" href="include/images/usergallery/img_{id}.{endung}">
und ersetzt diesen mit dem
<a href="include/images/usergallery/img_thumb_{id}.{endung}" rel="lightbox">
6.Die Gallery:
/include/templates/gallery.htm
<a href="index.php?gallery-show-{cat}-p{bildr}" onClick="return oeffneFenster({bildr},{cat});" target="_blank">
und ersetzt diesen mit dem
<a href="include/images/gallery/img_norm_{id}.{endung}" rel="lightbox[roadtrip]">
7.[roadtrip]
kann nur funktionieren wenn ihr schritt 4. in der lightbox.css ausführt.
so jetzt sollte es eigentlich klappen
Unsere ClanHP:
user06327.spitzen-web.de/
Zuletzt modifiziert von littlecrow am 29.08.2007 - 23:50:30