2.0.2. e-Card

[klaus]

Hallo Jochen,
ich habe in der photo.php die rel-Angabe in den Brackets wie folgt geändert:

Code: Alles auswählen

rel=\"lightbox[".$photo_album->getValue("pho_name")."]\"

und die Original-css von Lightbox in die photo.css kopiert:

Code: Alles auswählen

/*****************************************/
/* CSS der Lightbox                      */
/*****************************************/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#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; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

so hats funktioniert mit dem IE7.

[Jochen]

Merci,

Fehler gefunden: in der photos.css stand in Zeile 151

Code: Alles auswählen

background:  background-image: url(data:image/gif;base64,AAAA);

statt:

Code: Alles auswählen

background-image: url(data:image/gif;base64,AAAA);

also nur ein "background:" zuviel, das war alles. Die Änderung in der photo.php ist meinen Tests nach nicht notwendig.

Fehler wird in 2.0.3 behoben sein.

Gruß Jochen

[klaus]

Hallo Jochen,
dann sollte man nur noch das Weiterblättern mit der Taste "w" und das Zurückblättern mit der Taste "z" entsprechend den deutschen Beschriftungen im Lightbox.js anpassen. Bis jetzt geschieht das mit "p"rev und "n"ext.

[Jochen]

Hehe, wusste bis grade garnicht, dass das geht. Aber das sollte man dann machen, da hast Du recht.

Gruß Jochen