[PHP] Bilderfrage

M

Mc.Alcatraz

Gast
Also, ich habe folgendes Problem. Ich möchte mehrer Bilder in einem kleinen Format recht und links um einen grauen Gasten auf meiner page anordnen. Wenn man nun mit der Maus über eines der kleinen Bilder fährt soll die große Version von diesem Bild in dem grauen Kasten auftauchen??? Wie bekomm ich das hin???
 
Normalerweise mit Javascript.

Du gibst den ganzen kleinen Bildern ein onmouseover-Ereignis, das das Bild im Kasten gegen die große version des Bildes, auf das die Maus zeigt, austauscht.

Am besten ist dabei natürlich noch ,wenn du die großen grafiken gleich von anfang an mitlädst, damit sie direkt angezeigt werden können.
 
pcw schrieb:
Normalerweise mit Javascript.

Du gibst den ganzen kleinen Bildern ein onmouseover-Ereignis, das das Bild im Kasten gegen die große version des Bildes, auf das die Maus zeigt, austauscht.

Am besten ist dabei natürlich noch ,wenn du die großen grafiken gleich von anfang an mitlädst, damit sie direkt angezeigt werden können.
Kennst du dich damit aus kannst du mir mal nen beißpiel schreiben?
 
Das in <head>
Code:
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

Das ist der Button:
Code:
<a href="http://www." onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Bildname','','BILD2.JPG',1)"><img src="BILD1.JPG" alt="Alternativtext" name="Bildname" border="0"></a>
Anpassen nicht vergessen...
BILD1.JPG = erster Bild
BILD2.JPG = zweites Bild
etc..
 
Zurück
Oben