du scheinst dich damit anschein ja schon beschäftigt zu haben ...hast du eventuell schon einen fertigen code für die lightbox ?
Ne, hab ich nicht, hab nur bei dir kurz drübergekuckt... :)
Den oben genannten JavaScript-Block musst du im Quelltext unter das Objekt verschieben, an das es angehängt werden soll (weil das Eltern-Objekt schon existieren muss).
Ich würds nicht bei imageData mit rein, sondern in dessen Unterobjekt imageDetails.
In deinem Code müsste das dann so aussehen:
var [COLOR="Red"]objImageDetails[/COLOR] = document.createElement("div");
objImageDetails.setAttribute('id','imageDetails');
objImageData.appendChild(objImageDetails);
var objHoverNav = document.createElement("div");
objHoverNav.setAttribute('id','hoverNav');
[COLOR="Red"]objImageDetails[/COLOR].appendChild(objHoverNav);
var objPrevLink = document.createElement("a");
objPrevLink.setAttribute('id','prevLink');
objPrevLink.setAttribute('href','#');
objHoverNav.appendChild(objPrevLink);
var objNextLink = document.createElement("a");
objNextLink.setAttribute('id','nextLink');
objNextLink.setAttribute('href','#');
objHoverNav.appendChild(objNextLink);
Alles anzeigen
In deinem Stylesheet hast du ja schon was angepasst, aber da ist noch ein Block für #prevLink,#nextLink - der muss raus.
Die Zeilen weiter unten im CSS müssten dann so aussehen:
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #prevLink { width: 66px; height:20px; float: left; margin-bottom: 0.7em; background: url('../images/prevlabel.gif') no-repeat top left;}
#imageData #nextLink { width: 66px; height:20px; float: right; margin-bottom: 0.7em; background: url('../images/nextlabel.gif') no-repeat top right; }
#imageData #caption{ font-weight: bold; clear:both; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }
Gruß
Simon
[edit]
achja, #prevLink und #nextLink brauchen dann natürlich auch ne feste Höhe im CSS. Keine Ahnung wie hoch dein Bild ist, ich habs mal auf 20px gesetzt.
