Habe eine Lösung in Verbindung mit der Image Lightbox 2 und der Simple Photo Gallery gesucht. Vielleicht kann jemand ja die Lösung gebrauchen :-)
Folgendes kommt in das Setup des Seitentemplates:
plugin.tx_photogals_pi1 {
image = IMAGE
image {
file.maxW = 394
file.width = 394
wrap = <div class="tx-photogals-pi1-big">|</div>
imageLinkWrap = 0
imageLinkWrap {
enable = 0
}
altText = Click to enlarge
titleText = Click to enlarge
# Extension ImageLighbox
file.imageLightbox2maxW = 800
file.imageLightbox2maxH = 600
imageLightbox2 = 1
imageLightbox2.imageset = 1
imageLightbox2.caption =
imageLightbox2.saveImageShow = 0
imageLightbox2.printImageShow = 0
}
thumb = IMAGE
thumb {
file.width = 22
file.height = 22
#wrap = <div class="tx-photogals-pi1-small">|</div>
altText = Click to enlarge
titleText = Click to enlarge
# Extension ImageLighbox
file.imageLightbox2maxW = 800
file.imageLightbox2maxH = 600
imageLightbox2 = 1
imageLightbox2.imageset = 1
imageLightbox2.caption =
imageLightbox2.saveImageShow = 0
imageLightbox2.printImageShow = 0
}
_CSS_DEFAULT_STYLE (
.tx-photogals-pi1 {
margin:0px;
padding:0px;
}
.tx-photogals-pi1-big {
margin-bottom:6px;
border: 1px solid #9F9F9F;
width: 394px;
}
.tx-photogals-pi1-small-active {
width: 27px;
height: 27px;
padding-top: 5px;
padding-right: 3px;
padding-bottom: 0px;
padding-left: 4px;
margin-bottom: 5px;
margin-right: 4px;
float:left;
text-align:center;
border: 1px solid #9F9F9F;
}
.tx-photogals-pi1-small-active a:hover {
}
.tx-photogals-pi1-small{
width: 27px;
height: 27px;
padding-top: 5px;
padding-right: 3px;
padding-bottom: 1px;
padding-left: 4px;
float:left;
margin-bottom:4px;
margin-right: 4px;
text-align:center;
border: 1px solid #666666;
}
.tx-photogals-pi1-small a:hover{
padding: 0px
float:left;
margin: 0px;
border: 1px solid #CCCCCC;
}
)
}
Achtung die CSS-Anweisungen (_CSS_DEFAULT_STYLE) werden von normalen Klammern umschlossen!