Habe in einem Forum diese nette Anleitung gefunden, wie man in Simple Photo Gallery die Lightbox 2 einbaut.

Hier

plugin.tx_photogals_pi1 {

image = IMAGE
image {
file.maxW = 394
file.width = 394
wrap =

|

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 =

|

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;
}
)
}