Zum Inhalt springen

Image Lightbox 2 mit Simple Photo Gallery (photo_gals)

Erstellt am 7. März 2007 · Noch keine Antworten

Tags: Bilder, Tipp

upstroke ·

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!