Bild vergrößern

ava99

ava99

Erfahrenes Mitglied
Hallo Community !

Habe eine Bildergallerie und oben eine "Ansichtsbox". Wenn ich unten eins der kleinen Bilder anklicke soll dieses oben drüber in der Box erscheinen.

Bild

HTML: 
<script type="text/javascript" src="/prototype.js"></script>
<script type="text/javascript">

window.onload = function(){
	liste = document.getElementsByTagName("li");
	
	for(var i=0; i<liste.length; i++){
		liste[i].onclick = function(){
					alert(this.firstChild.nodeValue);
								new Ajax.Updater("bild_links", this.firstChild.nodeValue, {method:"get"});
		}
	}
}
</script>

    </head>

<body class="twoColElsRtHdr" bgcolor="#CCCCCC" >
	
<div id="container_gesamt">

	
  <div id="links_1">
  			<div id="bild_rechts_oben"></div>
            <div id="bild_links"></div>
     
     <ul id="Liste">
        <div id="bild_links_unten_1"><li>1<img src="Bilder/KOCH7738_allgemein.jpg" width="81" height="53" /></li> </div>
        <div id="bild_links_unten_2"><li>1<img src="Bilder/KOCH7312_allgemein.jpg" width="81" height="53" /></li> </div>
        <div id="bild_links_unten_3"><li>1<img src="Bilder/KOCH7834.JPG" width="81" height="53" /></li> </div>
    </ul>
     
     
  </div>

Nur leider klappt es nicht. Das Bild wird nicht angezeigt. Fehlermeldung wird geworfen:Null.

Bin für Hilfe dankbar

Grüße Ava
 
Hi,

ehrlich gesagt werde ich aus dem Script-Code nicht ganz schlau, wodurch da überhaupt eine größere Grafik geladen bzw. eine der kleineren Grafiken vergrößert werden soll.

Im übrigen ist das div-Element kein unmittelbares Nachfahreelement des ul-Elements, kann aber eines des li-Elements sein - sprich dein HTML-Code entspricht nicht der HTML-Spezifikation und erzeugt daher ein invalides Markup.

mfg Maik

//edit Ein alternatives Lösungsbeispiel für dein Vorhaben findest du in dem Thread JavaScript-basierte Bildergalerie.
 
Danke für deine schnelle Antwort.

Imom wird das Bild noch nicht vergrößert. es geht mir imom nämlich erst darum, wenn man eins der Bilder unten anklickt, dass es oben in der Box erscheint
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück