Zum Inhalt springen

Wie man große Bilder darstellen kann

Erstellt am 27. Februar 2007 · 1 Antwort · letzte Antwort am 28. Februar 2007

Tags: Bilder, Frage

student-uni ·

gegeben:
ein großes Bild die auf der Seite dargestellt werden muss
ohne ein neues Fenster zu erzeugen (also Click-enlarge passt nicht. )

Ich hab JavaScript verwendet und als HTML-Content in Page hinzugefügt. Ereigniss OnMouseover - ladet die größere Kopie hoch.
OnMouseOut - ladet die kleine Kopie.

Das aber beschränkt die Flexibilität der Redakteuren, die JavaScript nicht kennen.

Frage: gibt es vielleicht bessere Lösung ?

Hier sind JavaScipt Schnipsel

Danke

<html>
<head>

<meta http-equiv="content-type" content="text/html; 
      charset=ISO-8859-1" />
<title></title>

<script language="JavaScript" type="text/javascript">

<!--

img=new Array()          

img[0]=new Image()
img[1]=new Image()

img[0].src="fileadmin/html/docs_img/Picsmall.jpg"    
img[1].src="fileadmin/html/docs_img/Pic.jpg"    

function ChgImg(NumImg,Action)
{
i=eval(NumImg);
if(Action)
{
document.getElementById('MyPic').src = img[1].src
}
else      
document.getElementById('MyPic').src = img[0].src
}
//-->
</script>

</head>
<body>

<img id="MyPic" onmouseover="ChgImg(0,true)" onmouseout="ChgImg(0,false)" src="fileadmin/html/docs_img/Picsmall.jpg" alt="" />

</body>
</html>