nicht angemeldet
(JAVASCRIPT) (GRAFIK) Animiertes GIF animiert nicht mehr...
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 – 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-)>
-
warum animiert das GIF nicht weiter in der gegend rum?
Weil das klicken eines Links wie das stoppen der aktuellen Seite ist.
Deswegen bleibt es "stehen".Gruss,
CS-
hi CS
thx für die schnelle Antwort, bleibt das Problem :(.
Was kann ich dagegen tun?
Gibt es eine Lösungsmöglichkeit?alles liebe
ole
(8-)>-
Hallo Ole!
Was kann ich dagegen tun?
Gibt es eine Lösungsmöglichkeit?Ole, Du bist doch hier kein Unbekannter und kennst doch das Archiv, nicht? Dort ist das Problem mehrfach behandelt worden.
"javascript:" raus dafür "onClick" und "return false" rein, und geritzt ist die Sache:
<a href="#" onClick="CaricaFoto('images/b_galerie_07_g.jpg'); return false;" ............>
Grüße,
Patrick@CaptainSolo: Deine Postings sind zu 90% unnütz. So, das hat mich schon lange gejuckt und jetzt ist es raus.
-
@CaptainSolo: Deine Postings sind zu 90% unnütz. So, das hat mich schon lange gejuckt und jetzt ist es raus.
Schön das Du das weisst!
Dann brauchst Du ja nur 10% lesen... :o))Gruss,
CS-
Hallo!
Schön das Du das weisst!
Dann brauchst Du ja nur 10% lesen... :o))<lob>Wenigstens hast Du Humor.</lob>
Dann brauchst Du ja nur 10% lesen... :o))
Leider aber sind die 10% die ich erwische, scheinbar bereits Bestandteil der 90% ;-)
Grüße,
Patrick-
<lob>Wenigstens hast Du Humor.</lob>
Na sicher! Was wäre das Leben schon ohne Humor! :o))
Leider aber sind die 10% die ich erwische, scheinbar bereits Bestandteil der 90% ;-)
Das ist allerdings dumm... :o)
Ist ja dann wie Lotto spielen oder? :o))Gruss,
CS
-
-
-
hi Patrick
sorry, jetzt wo dus sagst <demut>"asche auf mein haupt"</demut>
bin heute einfach zu sehr im stress glaub ich...
vielen vielen dank :)
alles liebe
ole
(8-)>
-
-
thx für die schnelle Antwort, bleibt das Problem :(.
Jo... Schon recht... :o)
Was kann ich dagegen tun?
Gibt es eine Lösungsmöglichkeit?Du könntest das Image nochmal laden damit es "neu" angezeigt wird.
Allerdings kann ich Dir jetzt keinen konkreten Lösungsvorschlag liefern (Zeitmangel). Wenn ich mir Dein Scripting aber so ansehe denke ich Du packst das schon... :o))alles liebe
Hmm... Ich bin hetero... :o))
Gruss,
CS
-
-