nicht angemeldet
switch von zwei bildern bei onMouseover
hallo
wie schafft man es, mit einem mouseover zwei images gleichzeitig anzusprechen?
function swapImagRestore() {
if (document.swapImgData != null)
for (var i=0; i<(document.swapImgData.length-1); i+=2)
document.swapImgData[i].src = document.swapImgData[i+1];
}
function swapImage() {
var i,j=0,objStr,obj,swapArray=new Array,oldArray=document.swapImgData;
for (i=0; i < (swapImage.arguments.length-2); i+=3) {
objStr = swapImage.arguments[(navigator.appName == 'Netscape')?i:i+1];
if ((objStr.indexOf('document.layers[')==0 && document.layers==null)
(objStr.indexOf('document.all[') ==0 && document.all ==null))
objStr =
'document'+objStr.substring(objStr.lastIndexOf('.'),objStr.length);
obj = eval(objStr);
if (obj != null) {
swapArray[j++] = obj;
swapArray[j++] = (oldArray==null
oldArray[j-1]!=obj)?obj.src:oldArray[j];
obj.src = swapImage.arguments[i+2];
} }
document.swapImgData = swapArray;
}
<a href="./textfile.htm" onMouseOut="swapImagRestore()"
onMouseOver="swapImage('document.image1','document.image1','images/image1_off.
gif')"><img name="fuehrungskreis" border="0" src="images/image1_on.gif"
alt="textfile" WIDTH="126" HEIGHT="13"></a>
<img name="void" border="0" src="images/void_on.gif" WIDTH="126" HEIGHT="13">
-
Hi,
wieder mal die Standardfrage der Woche :-)
dein Code deutet auf Dreamweaver. Der bietet halt in der Grundfunktion keine Moeglichkeit fuer den Wechsel von mehreren Objekten.
Also waere es sinnvoller, den Code mit "Handarbeit" zu kreieren.
Möglichkeit 1 (Reihenfolge der Bilder in der Page)
........
function displ(nr, pic)
{
if(document.images) document.images[nr].src = eval("pic");
........<a href="desgn00.htm"
OnMouseOver="displ(2,'images/on_des.gif');displ(1,'images/d.gif')"
OnMouseOut="displ(2,'images/off_des.gif');displ(1,'images/hom_text.GIF')"><img src="images/off_des.gif" width=55 height=16 alt="Design/Konzepte/Preise" border="0"></a>Möglichkeit 2 (über attribut "name")
// ausgeschaltet
mfiroff = new Image(); mfiroff.src = "images/off_uns_fir.gif";
// eingeschaltet
mfiron = new Image(); mfiron.src = "images/on_uns_fir.gif";
function imgOn(imgName)
{
if (version == "ns")
document[imgName].src = eval(imgName + "on.src");
//document.layers['navi'].document.images[imgName].src = eval(imgName + "on.src");
if (version == "ie")
document[imgName].src = eval(imgName + "on.src");
}
// Function ausschalten
function imgOff(imgName)
{
if (version == "ns")
document[imgName].src = eval(imgName + "off.src");
//document.layers['navi'].document.images[imgName].src = eval(imgName + "off.src");
if (version == "ie")
document[imgName].src = eval(imgName + "off.src");
}<tr><td><a class="intern" href="fir_upt4.htm" OnMouseOver="imgOn('upt4');imgOff('upt2')" OnMouseOut="imgOff('upt4');imgOn('upt2')"><img name="upt4" src="images/off_fir_tea.gif" width=180 height=20 alt="Team" border="0"></a></td></tr>
Die Namen der Grafik.src musst DU natuerlich anpassen.
Gruesse
Wilhelm