Robin: img preload für onclick und wartemeldung

Beitrag lesen

SELF-Forum

img preload für onclick und wartemeldung

Robin
– Informationen zu den Bewertungsregeln

Hi ihr alle,

ich möchte für ein onclick-Event die "darunterliegenden" Bilder im voraus laden lassen,
und während dieser Ladevorgang läuft, soll der User aufgefordert werden kurz zu warten.
Wenn die "darunterliegenden" Bilder im voraus fertig geladen wurden, soll die Wartemeldung verschwinden und die Klickerei kann beginnen.

Im ForumsArchiv habe ich mich schon umgesehen und habe danach folgendes Scripting fabriziert:

========================================================

<script language="javascript" type="text/javascript">
<!--

function preLoad()
{
  prIm('../images/bilder/cinemaxx/1.jpg');
  prIm('../images/bilder/cinemaxx/2.jpg');
  prIm('../images/bilder/cinemaxx/3.jpg');
  prIm('../images/bilder/cinemaxx/4.jpg');
  prIm('../images/bilder/cinemaxx/5.jpg');
  prIm('../images/bilder/cinemaxx/6.jpg');
  prIm('../images/bilder/cinemaxx/7.jpg');
  prIm('../images/bilder/cinemaxx/8.jpg');
}
//-->

</script>
  <script name="change_imgs" language="JavaScript1.2"><!--
if (navigator.userAgent.indexOf("Mozilla/4.0") != -1) version = 4;
    else if (navigator.userAgent.indexOf("Mozilla/4.5") != -1) version = 4;
else if (navigator.userAgent.indexOf("Mozilla/3.0") != -1) version = 3;
else if (navigator.userAgent.indexOf("Mozilla/2.0") != -1) version = 2;
else if (navigator.userAgent.indexOf("MSIE") != -1) version = 1;
else version = 0;

if (version == 3 version == 4)

{  
firstbut1=new Image();  
firstbut1.src="../images/bilder/cinemaxx/1.jpg";  
  
secondbut1=new Image();  
secondbut1.src="../images/bilder/cinemaxx/2.jpg";  

thirdbut1=new Image();  
thirdbut1.src="../images/bilder/cinemaxx/3.jpg";  

fourbut1=new Image();  
fourbut1.src="../images/bilder/cinemaxx/4.jpg";  

fivebut1=new Image();  
fivebut1.src="../images/bilder/cinemaxx/5.jpg";  

sixbut1=new Image();  
sixbut1.src="../images/bilder/cinemaxx/6.jpg";  

sevenbut1=new Image();  
sevenbut1.src="../images/bilder/cinemaxx/7.jpg";  

eightbut1=new Image();  
eightbut1.src="../images/bilder/cinemaxx/8.jpg";  
}  
  
function change(Name,Image,No)  
{

check=0
  
if (version == 3 version == 4)
{
{
document[Name].src=eval(Image+No+".src")
}
}
}
// -->
  </script>

========================================================

<body onload="preload();document.write('Bitte warte noch kurz, bis das Rätselbild 1 geladen wurde!')">

========================================================

Wie soll ich mein Script umschreiben, damit es endlich läuft - wäre echt toll, wenn mir jemand weiterhelfen könnte!!!!!

Danke und viele Grüße,

Robin

P.S. Anschauen kann man sich das Ganze unter
www.kresslesmuehle.de/jstest bzw.
www.kresslesmuehle.de/jstest/html/frameset.html

Beitrag melden
–
Informationen zu den Bewertungsregeln