Ole: (JAVASCRIPT) (GRAFIK) Animiertes GIF animiert nicht mehr...

Beitrag lesen

Hi

hab ein problem mit einer seite ich habe folgende source:

<html> <head> <title>Patenschaft für Bäume</title> <meta http-equiv="Content-Type" content="text/html;"> <style>

body { margin: 0px; background-color: #E6F2E6;}

.Head1    { font-family: Arial, Helvetica, sans-serif;  font-size: 14px; font-weight: bold; color: #339933;} .fliesstext  { font-family: Arial, Helvetica, sans-serif;  font-size: 12px; font-style: normal;} .subline   { font-family: Arial, Helvetica, sans-serif;  font-size: 12px; font-weight: bold; color: #000000;}

div#headline   { position: absolute; top:71px;  left:272px; height: 25;  width: 405;;  z-index: 6;} div#fliesstext   { position: absolute; top:149px;  left:272px; height: 277px;  width: 433px;  z-index: 8;} div#subline   { position: absolute; top:111px;  left:272px; height: 25px;  width: 405px;  z-index: 7;} div#hgpaten   { position: absolute; top:0px;   left:0px;  height: 427px;  width: 250px;  z-index: 0;} div#baum   { position: absolute; top:353px;  left:706px; height: 73px;  width: 49px;  z-index: 2;} div#logo   { position: absolute; top:157px;  left:71px;  height: 110px;  width: 107px;  z-index: 4;} div#eckepaten  { position: absolute; top:0px;   left:681px; height: 25px;  width: 77px;  z-index: 1;} div#navi   { position: absolute; top:10px;  left:370px; height: 25;  width: 348px;  z-index: 5;} div#rahmen   { position: absolute; top:0px;   left:0px;  height: 420px;  width: 760px;  z-index: 3; border-style: solid; border-width: 2px; border-color: #ffffff;}

</style>

<script language="JavaScript"> <!-- Begin function CaricaFoto(img){   foto1= new Image();   foto1.src=(img);   Controlla(img); } function Controlla(img){   if((foto1.width!=0)&&(foto1.height!=0)){     viewFoto(img);   }   else{     funzione="Controlla('"+img+"')";     intervallo=setTimeout(funzione,20);   } } function viewFoto(img){   largh=foto1.width+20;   altez=foto1.height+20;   stringa="width="+largh+",height="+altez;   finestra=window.open(img,"",stringa); } //  End --> </script> <script language="JavaScript"> <!-- 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_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_findObj(n, d) { //v4.0   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 && document.getElementById) x=document.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> <meta name="keywords" content="Bäume, Naturschutz, Leben, Grünflache, Umwelt, Umweltschutz, Baumbestände"> <meta name="description" content="Die Bäume sind die Lungen unserer Kommunen. Um den Baumbestand zu erhalten, brauchen wir Sie als Paten."> </head> <body onLoad="MM_preloadImages('images/link_kontakt_f2.gif','images/link_home_f2.gif','images/link_paten_f2.gif','images/b_galerie_02_f2.jpg','images/b_galerie_03_f2.jpg','images/b_galerie_04_f2.jpg','images/b_galerie_05_f2.jpg','images/b_galerie_06_f2.jpg','images/b_galerie_07_f2.jpg','images/b_galerie_08_f2.jpg','images/b_galerie_09_f2.jpg','images/b_galerie_10_f2.jpg','images/b_galerie_11_f2.jpg','images/b_galerie_12_f2.jpg','images/b_galerie_01_f2.jpg')"> <div id="headline">  <span class="Head1">   Verantwortung übernehmen &#150; Erfolg miterleben  </span> </div>

<div id="subline"> <span class="subline"> Unsere Galerie:</span></div>

<div id="fliesstext">   <p> <span class="subline"> Bäume wachsen lassen? Einfach anklicken!</span></p>   <table border="0" align="center">     <tr>       <td><a href="javascript:CaricaFoto('images/b_galerie_12_g.jpg')" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','images/b_galerie_01_f2.jpg',1)"><img src="images/b_galerie_01.jpg" width="50" height="66" border="0" name="Image3"></a></td>       <td><a href="javascript:CaricaFoto('images/b_galerie_03_g.jpg')" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','images/b_galerie_02_f2.jpg',1)"><img src="images/b_galerie_02.jpg" width="50" height="66" border="0" name="Image5"></a></td>       <td><a href="javascript:CaricaFoto('images/b_galerie_07_g.jpg')" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','images/b_galerie_03_f2.jpg',1)"><img src="images/b_galerie_03.jpg" width="50" height="66" border="0" name="Image6"></a></td>       <td><a href="javascript:CaricaFoto('images/b_galerie_11_g.jpg')" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','images/b_galerie_04_f2.jpg',1)"><img src="images/b_galerie_04.jpg" width="50" height="66" border="0" name="Image7"></a></td>       <td><a href="javascript:CaricaFoto('images/b_galerie_10_g.jpg')" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','images/b_galerie_05_f2.jpg',1)"><img src="images/b_galerie_05.jpg" width="50" height="66" border="0" name="Image8"></a></td>       <td><a href="javascript:CaricaFoto('images/b_galerie_02_g.jpg')" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','images/b_galerie_06_f2.jpg',1)"><img src="images/b_galerie_06.jpg" width="50" height="66" border="0" name="Image9"></a></td>     </tr>     <tr>       <td> </td>       <td> </td>       <td> </td>       <td> </td>       <td> </td>       <td> </td>     </tr>     <tr>       <td><a href="javascript:CaricaFoto('images/b_galerie_08_g.jpg')" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','images/b_galerie_07_f2.jpg',1)"><img src="images/b_galerie_07.jpg" width="50" height="66" border="0" name="Image10"></a></td>       <td><a href="javascript:CaricaFoto('images/b_galerie_05_g.jpg')" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','images/b_galerie_08_f2.jpg',1)"><img src="images/b_galerie_08.jpg" width="50" height="66" border="0" name="Image11"></a></td>       <td><a href="javascript:CaricaFoto('images/b_galerie_04_g.jpg')" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image12','','images/b_galerie_09_f2.jpg',1)"><img src="images/b_galerie_09.jpg" width="50" height="66" border="0" name="Image12"></a></td>       <td><a href="javascript:CaricaFoto('images/b_galerie_01_g.jpg')" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image13','','images/b_galerie_10_f2.jpg',1)"><img src="images/b_galerie_10.jpg" width="50" height="66" border="0" name="Image13"></a></td>       <td><a href="javascript:CaricaFoto('images/b_galerie_09_g.jpg')" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image14','','images/b_galerie_11_f2.jpg',1)"><img src="images/b_galerie_11.jpg" width="50" height="66" border="0" name="Image14"></a></td>       <td><a href="javascript:CaricaFoto('images/b_galerie_06_g.jpg')" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image15','','images/b_galerie_12_f2.jpg',1)"><img src="images/b_galerie_12.jpg" width="50" height="66" border="0" name="Image15"></a></td>     </tr>   </table> </div>

<div id="hgpaten"><img src="images/hg_galerie.jpg" width="253" height="420"></div>

<!-- ***** HIER DRUNTER IST DAS GIF *****--> <div id="baum"><img src="images/baum_ani.gif" width=48 height=62 border=0 alt=""></div> <!-- ***** HIER DRÜBER IST DAS GIF *****-->

<div id="logo" style="left: 71px; top: 157px"><img src="images/logo_2.gif" width="105" height="107"></div>

<div id="eckepaten"><img src="images/b_galerie_k.jpg" width="78" height="104"></div>

<div id="navi">   <table width="348" border="0" bgcolor="#339933">     <tr>       <td width="58"><a href="home.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','images/link_home_f2.gif',1)"><img src="images/link_home.gif" width="58" height="25" border="0" name="Image1"></a></td>       <td width="91"><a href="paten.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','images/link_paten_f2.gif',1)"><img src="images/link_paten.gif" width="102" height="25" border="0" name="Image4"></a></td>       <td width="64"><a href="galerie.htm"><img src="images/link_galerie_f2.gif" width="64" height="25" border="0"></a></td>       <td width="67"><a href="kontakt.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','images/link_kontakt_f2.gif',1)"><img src="images/link_kontakt.gif" width="67" height="25" border="0" name="Image2"></a></td>     </tr>   </table> </div> <div id="rahmen">    </div> <div id="headgalerie" style="position:absolute; left:79px; top:283px; width:45px; height:16px; z-index:9"><img src="images/head_galerie.gif" width="90" height="15"></div> </body> </html>

Auf dieser Seite habe ich ein animiertes GIF welches auch fröhlich vor sich hin animiert, bis ich auf einen der grafik-links clicke.

Bsp.: <a href="javascript:CaricaFoto('images/b_galerie_08_g.jpg')" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','images/b_galerie_07_f2.jpg',1)"><img src="images/b_galerie_07.jpg" width="50" height="66" border="0" name="Image10"></a>

Sobald sich nämlcih das neue Fenster mit dem referenzierten Bild öffnet hört das GIF damit aus rumzuanimieren.

Der Quellcode ist angeblich (laut ColdFusionStudio/Homesite Validator und ich hab ihn auch schon mehrfach überflogen, was nichts heißen muss) korrekt (bis auf die paar umlaute in den metatags).

warum animiert das GIF nicht weiter in der gegend rum?

thx im vorraus

alles liebe ole (8-)>