nicht angemeldet
Hi,
ich habe mir das Forumsarchiv angesehen, aber zu meinem Problem noch nichts brauchbares gefunden.
Ich möchte auf meiner Startseite ab einer Mindestauflösung (z.B. > 800) größere dynamische Bilderlinks
einfügen als bei kleinerer Auflösung. Dazu benutze ich document.write, um den entsprechenden Link
aufzubauen. Das funktioniert leider erst, nachdem man einmal über die Bilder "gefahren" ist. Am Anfang
entsteht nur ein Textrahmen dort, wo das Bild sein soll.
Ich gebe mal meinen Code dazu und hoffe auf Eure Hilfe.
Zwischen <head> und </head> steht u.a.
var imgNorm=new Array()
var imgHigh=new Array()
function preload(){
var img
for (var i=0; i<preload.arguments.length; i++){
// Normal
img = new Image();
img.src ='images/'+preload.arguments[i]+'1.gif';
imgNorm[i] = img;
// Highlighted
img = new Image();
img.src ='images/'+preload.arguments[i]+'2.gif';
imgHigh[i] = img;
}
}
function changeImg(imgName,nr,art){
if (document.images){
if (art == 1){
document.images[imgName].src = imgNorm[nr].src;
}
else{
document.images[imgName].src = imgHigh[nr].src;
}
}
}
function checkBrowser(){
if (screen.width >= 800){
preload('gfs1akt','gfs1sta','gfs1sch','gfs1ehe','gfs1inf');
}
else {
preload('gfs8akt','gfs8sta','gfs8sch','gfs8ehe','gfs8inf');
}
}
function imgLink(ziel,imgName,w,h){
z ='<a href="frameset.htm?'+ziel+'" onMouseOut="changeImg(''+imgName+'',1,1)" onMouseOver="changeImg(''+imgName+'',1,2)"><img name="'+imgName+'" border="0" src="/images/'+imgName+'1.gif" width="'+w+'" height="'+h+'"></a>';
document.writeln(z);
}
und im BODY steht u.a.
<p>
<script language="JavaScript">
<!--
imgLink('standort/standort.htm','gfs1sta','174','109');
//-->
</script>
</p>
Vielen Dank
Detlef