Hallöchen,
ich lade mit JavaScript Vorschaubilder in eine Seite. Beim Klick auf diese Vorschaubilder soll das entsprechende Bild in groß in einem anderen Div auf der Seite angezeigt werden. Leider passiert im IE (Version 7) nix, wenn man auf die Vorschaubilder klickt.
Kann mir jemand sagen, woran das liegt?
Hier das Script, was die Bilder lädt:
for (var i = 0; i < (pictureCount); i++) {
var newPicture = document.createElement"img"); // creates a new <img>
var newAction = document.createAttribute("onclick"); // on click the right picture is shown in big format
newAction.nodeValue = "stopShow(); choosePicture(" + i + ");"; // add attribute: onclick //"stopShow" stopt eine Diashow
newPicture.src = "pix/preview/" + i + ".jpg"; // add picture source
var newId = document.createAttribute("id"); //set an ID for each Picture to give it more properties in the css-file
newId.nodeValue = "pic";
newPicture.setAttributeNode(newId);
var myDiv = document.getElementById("smallpic"); // where the image is displayed
newPicture.setAttributeNode(newAction); // associates the image with the onclick action
myDiv.appendChild(newPicture); // displays the image in the smallpic div
}
Zur Erklärung: Die Bilder heißen "0.jpg", "1.jpg", usw.
In Opera und Mozilla funktioniert alles.
Ich wäre für jeden Hinweis dankbar.