imgobjs.js

V

Vehdy

Grünschnabel
Servus Leute

ich betrete mit JAva script völliges Neuland also bitte nicht lachen .

Mein Problem:

Wie muss ich die imgobjs.js schreiben damit auch bei opera das skript funktioniert?
In der mouseover funktion soll ein kleineres bild geladen werden,
doch opera skaliert es wieder auf die größe des Originalbildes, obwohl ich keinerlei Grössenangaben gemacht habe, weder in der HTML noch in der imgobjs.js

Bsp:

//
// JavaScript generated by btn4ws.pl version 0.4
//
// banner3
a_banner3=new Image; a_banner3.src="images/review/banner3b.gif";
p_banner3=new Image; p_banner3.src="images/review/banner3.gif";

// function to show image for given image_object
function hilite(ObjID,imgObjName) {
ObjID.src = eval(imgObjName + ".src");
return true;
}

also das b bild ist blos ein bisserl kleiner als das original

die html dazu:

<html>
<head>
<title>shows</title>
<meta name="author" content="Vehdogg">
</head>
<SCRIPT language="JavaScript" src="imgobjs.js" type="text/javascript"></SCRIPT>
<body text="#FFFFFFF" background="images/back.jpg" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<br><hr noshade color=#FF0000><br>
<table>
<tr>
<td><img src="images/transparent.gif" alt="" border="0" width="40"></td>
<td>
<a href="http://www.******.de" onMouseOver="return hilite(banner3,'a_banner3');" onMouseOut="return hilite(banner3,'p_banner3');"
target="_blank"><img src="images/review/banner3.gif" name="banner3" border=0><br></a>
</td>
</tr>
</table>
<br><hr noshade color=#FF0000><br>
</body>
</html>


danke euch für die Antwort
 
das geht, indem du Breite und Höhe ebenfalls per JS änderst: (vorrausgesetzt,du weisst vorher,wie gross die Bilder sind)
Code: 
<SCRIPT language="JavaScript"type="text/javascript">
<!--
a_banner3=new Image; a_banner3.src="images/review/banner3b.gif";
a_banner3Width=234;
a_banner3Height=56;

p_banner3=new Image; p_banner3.src="images/review/banner3.gif";
p_banner3Width=123;
p_banner3Height=25;


// function to show image for given image_object
function hilite(ObjID,imgObjName) {
ObjID.src = eval(imgObjName + ".src");
if(document.getElementById){
  ObjID.style.width = eval(imgObjName + "Width");
  ObjID.style.height = eval(imgObjName + "Height");
  }
return true;
}
//-->
</SCRIPT>

Um der evtl. Frage vorauszugreifen, ob das auch bei Netscape4 geht...nö :( ...deren Benutzer müssen damit leben, oder du sorgst dafür,das alle Bilder gleich gross sind.
 
thanks a lot
so ungefair hab ich mir das vorgestellt, aber halt nich genau gewusst.

Vielen vielen Dank.

der Vehdy
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück