Hier der Code
function grosses_bild_auffrischen () {
try{
//löschen margin in Tag zur neuen Ausrichtung
var myelement = document.getElementById('gross');
var alt_text = Photos[index_grosses_bild]['alt'];
myelement.style.marginLeft = "";
myelement.style.marginTop = "";
// URL des Bildes setzen
myelement.src = Photos[index_grosses_bild]['datei_gross'];
// Alt-Text des Bildes setzen
// Title-Text des Bildes setzen
if (alt_text) {
myelement.alt = alt_text;
myelement.title = alt_text;
}
else
myelement.removeAttribute("title");
var myparent = document.getElementById('grosscontainer')
var abstand_links = (myparent.clientWidth - myelement.width) /2;
var abstand_oben = (myparent.clientHeight - myelement.height) /2;
myelement.style.marginLeft = Math.round(abstand_links)+"px";
myelement.style.marginTop = Math.round(abstand_oben)+"px";
//myelementgross.style.width = 500 +"px";
// Falls das P-Tag mit der ID 'beschriftung' keine Kind-Elemente hat muss eines erzeugt werden,
// damit die Beschriftungsdaten darin gespeichert werden koennen
if (!document.getElementById ('beschriftung').firstChild)
document.getElementById ('beschriftung').appendChild (document.createTextNode (""));
// Variablen in Beschriftungsstring ersetzen
if (Photos[index_grosses_bild]["beschreibung"]) {
tstr = bild_beschriftung.replace (/%index_gross%/i, (index_grosses_bild + 1));
tstr = tstr.replace (/%anzahl_bilder%/i, anzahl_bilder);
tstr = tstr.replace (/%beschreibung%/i, Photos[index_grosses_bild]['beschreibung']);
// Beschriftung des Bildes im zugehoerigen P-Tag setzen
document.getElementById ('beschriftung').firstChild.data = tstr;
}
else
{
document.getElementById ("beschriftung").firstChild.data = "";
}
if (index_grosses_bild > 0)
document.getElementById('gross_links').style.visibility = "visible";
else
document.getElementById('gross_links').style.visibility = "hidden";
if (index_grosses_bild +1 < anzahl_bilder) //index_grosses_bild startet bei 0
document.getElementById('gross_rechts').style.visibility = "visible";
else
document.getElementById('gross_rechts').style.visibility = "hidden";
myelement = "";
abstand_links ="";
abstand_oben="";
}
catch(e){
alert('An error has occurred: '+e.message)
}
}