• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Mouseover mit 2 unterschiedlichen Grafiken und IFrame

Status
Für weitere Antworten geschlossen.
Tommy-GER-

Tommy-GER-

Neues Mitglied
erstmal ein großes Lob an euch, eure Seite ist meine erste Anlaufstelle, wemm man kurz und schnell was sucht und brauch in Bezug auf HTML&PHP.

Aber ist stehe vor einem Großen Problem, das ich nicht bei euch finden konnte auch auch sonst nirgens wo.

Ich arbeite gerade an deiner Firmenseite und hänge fest:
(D.h. ist eine reine Info-Seite, von daher fast nur HTML)

Habe 4 Grafiken im Quadrat die mit Mouseover Grafiken funktionieren.
Wenn ich Drüber gehe, dann soll sich eine andere Grafik noch mit ändern.
Wie mache ich es aber das ich bei allen 4 Buttons auch gleich das eingebetetes IFrame mitändert, ohne klicken zu müssen.


Ich habe mal ein Beispielbild:
beispiel.jpg


Vielleicht wisst Ihr meine Lösung dafür.
Ich wäre euch sehr dankbar dafür.

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>xxy</title> <style type="text/css"> <!--
body {
        background-color: #CCC;
}
body,td,th {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000;
}
a:link {
        text-decoration: none;
        color: #000;
}
a:visited {
        text-decoration: none;
        color: #000;
}
a:hover {
        text-decoration: none;
}
a:active {
        text-decoration: none;
}
--> </style> <SCRIPT LANGUAGE="JavaScript">
pic = new Image(120, 120);
pic.src = "\images\Button\Kontakt.jpg";
pic = new Image(120, 120);
pic.src = "\images\Button\Button Karriere.jpg";
pic = new Image(120, 120);
pic.src = "\images\Button\Button Unternehmen.jpg";
pic = new Image(120, 120);
pic.src = "\images\Button\Button Leistung.jpg";
pic = new Image(120, 120);
pic.src = "\images\Button\Kontakt.gif";
pic = new Image(120, 120);
pic.src = "\images\Button\Button Karriere.gif";
pic = new Image(120, 120);
pic.src = "\images\Button\Button Unternehmen.gif";
pic = new Image(120, 120);
pic.src = "\images\Button\Button Leistung.gif";
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> </head> <body onload="MM_preloadImages('images/Button/Button Unternehmen.gif','images/Button/Button Loesungen.gif','images/Button/Button Karriere.gif','images/Button/Button Kontakt.gif')"> <table width="734" height="599" border="0" align="center" id="s"> <tr> <td height="58" colspan="2" bgcolor="#FFFFFF"><table width="884" border="0" align="center"> <tr> <td width="548" height="68"><h1>&quot;Ihre Finanzexperten&quot;</h1></td> <td width="326"><img src="img/Logo.jpg" width="174" height="66" alt="Logo" /></td> </tr> </table></td> </tr> <tr> <td height="17" colspan="2" bgcolor="#FFFFFF"><topmargin="0" marginheight="0"  leftmargin="0" marginwidth="0" scroll="auto"
onload="window.setTimeout('datumuhr()',1000)"> </td> </tr> <tr> <td height="17" colspan="2" bgcolor="#FFFFFF">&nbsp;</td> </tr> <tr> <td width="451" height="176" bgcolor="#FFFFFF"><table width="519" height="269" border="0" align="center"> <tr> <td width="513" height="265"><table width="200" border="0" align="center"> <tr> <td height="259"><img src="http://www.html.de/images/Bilder/baby.jpg" width="342" height="257" /></td> <td colspan="2"><table width="200" border="0"> <tr> <td height="126"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Unternehmen','','images/Button/Button Unternehmen.gif',1)"><img src="http://www.html.de/images/Button/Button Unternehmen.jpg" alt="Unternehmen - Button" name="Unternehmen" width="120" height="120" border="0" id="Unternehmen" /></a></td> <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Lösungen','','images/Button/Button Loesungen.gif',1)"><img src="http://www.html.de/images/Button/Button Loesungen.jpg" alt="Lösungen - Button" name="Lösungen" width="120" height="120" border="0" id="Lösungen" /></a></td> </tr> <tr> <td height="122"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Karriere','','images/Button/Button Karriere.gif',1)"><img src="http://www.html.de/images/Button/Button Karriere.jpg" alt="Karriere - Button" name="Karriere" width="120" height="120" border="0" id="Karriere" /></a></td> <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Kontakt','','images/Button/Button Kontakt.gif',1)"><img src="http://www.html.de/images/Button/Button Kontakt.jpg" alt="Kontakt - button" name="Kontakt" width="120" height="120" border="0" id="Kontakt" /></a></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> <td width="273" rowspan="2" bgcolor="#FFFFFF"><table width="220" height="406" border="0" align="center"> <tr> <td width="210" height="402"><img src="http://www.html.de/images/Bilder/index1.jpg" width="267" height="400" /></td> </tr> </table></td> </tr> <tr> <td height="182" bgcolor="#FFFFFF"><iframe src="willkommen-inhalt.html" style="border:0px #13235b dotted;" name="haupt" scrolling="auto" frameborder="1" align=aus marginheight="0px" marginwidth="0px" height="180" width=99%></iframe></td> </tr> <tr> <td height="21" colspan="2" bgcolor="#FFFFFF"><table width="113" height="19" border="0" align="center"> <tr> <td width="50"><h5><a href="willkommen-inhalt.html" target="haupt">Start</a></h5></td> <td width="53"><h5><a href="impressum-inhalt.html" target="haupt">Impressum</a></h5></td> </tr> </table></td> </tr> </table> </body> </html>
Gruß,
Tommy-GER-
 
Werbung:
onmouseover="MM_swapImage('Unternehmen','','images/Button/Button Unternehmen.gif',1);frameAendern('test.html')";

function frameAendern(url)
{
haupt.location.href=url;
}
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben