• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bildervorschau funktioniert nicht mehr

C

CashMan86

Neues Mitglied
Hallo Forum-Hilfe - Community,

ich habe auf meiner Internetseite immer einen Codeschnipsel verwendet der mir die Funktion einer Bildervorschau ermöglicht hatte.
Seit ca. 2 Wochen funktioniert die Vorschau allerdings weder im Firefox noch im Internet Explorer nicht mehr.

Es war immer so, dass 6 kleine Vorschaubilder angezeigt wurden. Wenn man mit der MAus über ein Vorschaubild rübergegangen ist, wurde dieses vergrößert angezeigt.

Kann mir vielleicht jemand sagen, warum das ganze nicht mehr funktioniert, bzw. einen ähnlichen Code-Schnipsel geben, den ich verwenden kann?

Hier mal ein Bild wie das ganze korrekt aussehen sollte:

Unbenannt-1.jpg

Hier der Code Schnipsel.

Code: 
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
  <head>
    <title>Bild wechseln mouseover</title>
    <script type="text/javascript">
      function CImage(source) {
        document.getElementById("loaded").src = document.getElementById(source).src; 
      }
    </script>
      </head>
<body>
<p>
    <CENTER>
      <b><font face="Arial,Verdana" size="5">Burgmann 650</font></b>
    </CENTER> 
<table align="center" border="1" style="width: 44%; height: 63px">
      <tr>
        <td style="width: 131px">
        <img id="bild_1"  src="../bilder/gebrauchte/k-burgmann650-2.jpg" width="200" height="157"  onMouseOver="CImage( 'bild_1' )"></td>
        <td style="width: 133px">
        <img id="bild_2"  src="../bilder/gebrauchte/k-burgmann650-3.jpg" width="200" height="154"  onMouseOver="CImage( 'bild_2' )"></td>
        <td style="width: 137px">
        <img id="bild_3"  src="../bilder/gebrauchte/k-burgmann650-1.jpg" width="124" height="165"  onMouseOver="CImage( 'bild_3' )" class="style2"></td>
            
      </tr>
      <tr>
        <td style="width: 131px">
        <img id="bild_4"  src="../bilder/gebrauchte/k-burgmann650-4.jpg" width="200" height="157"  onMouseOver="CImage( 'bild_4' )"></td>
        <td style="width: 133px">
        <img id="bild_5"  src="../bilder/gebrauchte/k-burgmann650-5.jpg" width="200" height="154"  onMouseOver="CImage( 'bild_5' )"></td>
        <td style="width: 137px">
        <img id="bild_6"  src="../bilder/gebrauchte/k-burgmann650-7.jpg" width="124" height="165"  onMouseOver="CImage( 'bild_6' )" class="style2"></td>



            
      </tr><tr>
        <td colspan="3" align="center">
          <img id="loaded" src="dummy.jpg"></td>
      </tr>
</table>
</body>
</html>
 
Werbung:
Werbung:
Ich zitiere mal aus einem anderen Forum:
Crossposting bedeutet, dass ein und dieselbe Frage in mehreren Foren oder Newsgroups gleichzeitig gestellt wird. Ein solches Verhalten wird von den meisten Helfern nicht toleriert, denn damit stellst Du einerseits die Kompetenz der Helfer jedes einzelnen Forums und Newsgroup in Frage und bewirkst zudem, dass ein zig-faches an Stunden aufgewendet wird, um nur ein einziges Problem zu lösen, denn überall werden sich die Helfer daran setzen, eine Lösung für Dich zu finden. Das ist ganz klar ein Missbrauch an dem kostenlosen und freiwilligen Support, der hier angeboten wird. Wenn Deine Frage klar und deutlich gestellt wurde, dann wirst Du ganz bestimmt innerhalb kürzester Zeit eine Antwort erhalten. Sollte dies auch nach mehreren Tagen nicht der Fall sein, dann versuche bitte die Frage besser zu formulieren. Falls Du dennoch in einem zweiten Forum posten solltest, erwähne bitte, dass Du die Frage schon woanders gestellt hast, und dass Du es tust, weil keine Lösung gefunden werden konnte.
Zum Vergrößern anklicken....
 
Dein zweiter Beitrag ist um einiges konstruktiver als dein erster. Nun weiß ich auch, dass es nicht gern gesehen ist, wenn man mehr als ein Forum als Hilfe in Anspruch nimmt.
 
Ganz nebenbei, in dem anderen Forum hast du Hinweise bekommen, du hättest dir die Frage hier also komplett schenken können.
 
Werbung:
Der Beitrag wurde geschrieben nach dem ich das Thema hier veröffentlich hatte.

Ich habe das Problem nun gelöst in dem ich ein anderes Script eingebaut habe.

Mich stört nur das zwischen Galerie und dem Text so ein großer Leerraum ist.

Ich kann mir diesen nicht erklären, weiß jemand woran das liegt?

Bin für jede Hilfe Dankbar.



Code: 
<body>
<p>
    <CENTER>
      <b><font face="Arial,Verdana" size="5">GSR 600</font></b>
 
<script type="text/javascript" language="javascript">
 wmtt = null;
 document.onmousemove = updateWMTT;
 function updateWMTT(e) {
 if (wmtt != null && wmtt.style.display == 'block') {
 x = (e.pageX ? e.pageX : window.event.x) + wmtt.offsetParent.scrollLeft - wmtt.offsetParent.offsetLeft;
 y = (e.pageY ? e.pageY : window.event.y) + wmtt.offsetParent.scrollTop - wmtt.offsetParent.offsetTop;
 wmtt.style.left = (x + 20) + "px";
 wmtt.style.top = (y + 20) + "px";
 }
 }
 function showWMTT(id) {
 wmtt = document.getElementById(id);
 wmtt.style.display = "block";
 }
 function hideWMTT() {
 wmtt.style.display = "none";
 }
</script>

<table align="center" border="1" style="width: 44%; height: 63px">
      
      <tr>
        <td style="width: 131px">
         <a onmouseover="showWMTT('1')" onmouseout="hideWMTT()" href="#"><img src="http://www.html.de/bilder/gebrauchte/GSR600schwarz-01.jpg" width="200" height="157" alt="" title="titel" /></a></br></br></td>
         
        <td style="width: 133px">
         <a onmouseover="showWMTT('2')" onmouseout="hideWMTT()" href="#"><img src="http://www.html.de/bilder/gebrauchte/GSR600schwarz-03.jpg" width="200" height="157" alt="" title="titel" /></a></br></br></td>
         
        <td style="width: 137px">
         <a onmouseover="showWMTT('3')" onmouseout="hideWMTT()" href="#"><img src="http://www.html.de/bilder/gebrauchte/GSR600schwarz-02.jpg" width="124" height="165" alt="" title="titel" /></a></td>
         
       </tr>
      <tr>
       
        <td style="width: 131px">
         <a onmouseover="showWMTT('4')" onmouseout="hideWMTT()" href="#"><img src="http://www.html.de/bilder/gebrauchte/GSR600schwarz-05.jpg" width="200" height="157" alt="" title="titel" /></a></td>
         
        <td style="width: 133px">
         <a onmouseover="showWMTT('5')" onmouseout="hideWMTT()" href="#"><img src="http://www.html.de/bilder/gebrauchte/.jpg" width="200" height="157" alt="" title="titel" /></a></td>
         
        <td style="width: 137px">
         <a onmouseover="showWMTT('6')" onmouseout="hideWMTT()" href="#"><img src="http://www.html.de/bilder/gebrauchte/GSR600schwarz-04.jpg" width="124" height="165" alt="" title="titel" /></a></td>

</table>

 <div id="1" class="tooltip"><img src="http://www.html.de/bilder/gebrauchte/GSR600schwarz-01.jpg"></div>
 <div id="2" class="tooltip"><img src="http://www.html.de/bilder/gebrauchte/GSR600schwarz-02.jpg"></div>
 <div id="3" class="tooltip"><img src="http://www.html.de/bilder/gebrauchte/GSR600schwarz-02.jpg"></div>
 <div id="4" class="tooltip"><img src="http://www.html.de/bilder/gebrauchte/GSR600schwarz-05.jpg"></div>
 <div id="5" class="tooltip"><img src="http://www.html.de/bilder/gebrauchte/.jpg"></div>
 <div id="6" class="tooltip"><img src="http://www.html.de/bilder/gebrauchte/GSR600schwarz-04.jpg"></div>
 


<table style="width: 64%">
    <tr>
        <td style="width: 336px"><font face="Arial,Verdana" size="3"><strong>
        <br>Details</strong></td></font>
        <td style="width: 278px">&nbsp;</td>
    </tr>
    <tr>
        <td style="width: 336px; height: 23px;"></td>
        <td style="width: 278px; height: 23px;"></td>
    </tr>
    <tr>
        <td style="width: 336px"><font face="Arial,Verdana" size="2">Preis:</td></font>
        <td style="width: 278px"><font face="Arial,Verdana" size="2">5.990,00 €</td></font>
    </tr>


    </tr>

    <tr>
        <td style="width: 336px; height: 22px;"><font face="Arial,Verdana" size="2">KW / PS:</td></font>
        <td style="width: 278px; height: 22px;"><font face="Arial,Verdana" size="2">72/98</td></font>
    </tr>
    <tr>
        <td style="width: 336px"><font face="Arial,Verdana" size="2">Hubraum:</td></font>
        <td style="width: 278px"><font face="Arial,Verdana" size="2">599 ccm</td></font>
    </tr>
    <tr>
        <td style="width: 336px; "><font face="Arial,Verdana" size="2">Garantie:</td></font>
        <td style="width: 278px; "><font face="Arial,Verdana" size="2">2 Jahre</td></font>
    </tr>
        <tr>
        <td style="width: 336px; "><font face="Arial,Verdana" size="2">Erstzulassung:</td></font>
        <td style="width: 278px; "><font face="Arial,Verdana" size="2">TZ</td></font>
    </tr>
        <tr>
        <td style="width: 336px; "><font face="Arial,Verdana" size="2">Kilometer:</td></font>
        <td style="width: 278px; "><font face="Arial,Verdana" size="2">0 Km KM</td></font>
    </tr>
            <tr>
        <td style="width: 336px; "><font face="Arial,Verdana" size="2">TÜV:</td></font>
        <td style="width: 278px; "><font face="Arial,Verdana" size="2">NEU</td></font>
    </tr>
    <tr>
        <td height="54" style="width: 336px; ">&nbsp;</td>
        <td style="width: 278px; ">&nbsp;</td>
    </tr>
    <tr>
        <td height="63" style="width: 336px; height: 23px;"><strong><font face="Arial,Verdana" size="3">Ausstattung</strong></td></font>
        <td style="width: 278px; height: 23px;">&nbsp;</td>
    </tr>
    <tr>
        <td style="width: 336px; height: 23px;">&nbsp;</td></font>
        <td style="width: 278px; height: 23px;"></td>
    </tr>
    <tr>
        <td style="width: 336px; height: 23px;"><font face="Arial,Verdana" size="2">Wassergekühlter - Vierzylinder - Reihenmotor mit Einspritzung und Katalysator</td></font>
        <td style="width: 278px; height: 23px;">&nbsp;</td>
    </tr>
    <tr>
        <td style="width: 336px; height: 23px;"><font face="Arial,Verdana" size="2">6-Gang</td></font>
        <td style="width: 278px; height: 23px;">&nbsp;</td>
    </tr>

    <tr>
        <td style="width: 336px; height: 23px;"><font face="Arial,Verdana" size="2">Tankinhalt 16 Liter</td></font>
        <td style="width: 278px; height: 23px;">&nbsp;</td>
    </tr>
    <tr>
        <td style="width: 336px; height: 23px;"><font face="Arial,Verdana" size="2">Sitzhöhe 785 mm</td></font>
        <td style="width: 278px; height: 23px;">&nbsp;</td>
    </tr>
    <tr>
      <td style="width: 336px; height: 23px;"><font face="Arial,Verdana" size="2">Gewicht 210 Kg</td></font>
      <td style="width: 278px; height: 23px;">&nbsp;</td>
    </tr>
        <tr>
      <td style="width: 336px; height: 23px;"><font face="Arial,Verdana" size="2">Wegfahrsperre</td></font>
      <td style="width: 278px; height: 23px;">&nbsp;</td>
    </tr>
            <tr>
      <td style="width: 336px; height: 23px;"><font face="Arial,Verdana" size="2">ABS</td></font>
      <td style="width: 278px; height: 23px;">&nbsp;</td>
    </tr>
                <tr>
      <td style="width: 336px; height: 23px;"><font face="Arial,Verdana" size="2">Superbikeschwinge</td></font>
      <td style="width: 278px; height: 23px;">&nbsp;</td>
    </tr>
                <tr>
      <td style="width: 336px; height: 23px;"><font face="Arial,Verdana" size="2">Drosselung möglich</td></font>
      <td style="width: 278px; height: 23px;">&nbsp;</td>
    </tr>
                <tr>
      <td style="width: 336px; height: 23px;"><font face="Arial,Verdana" size="2">Ganganzeige</td></font>
      <td style="width: 278px; height: 23px;">&nbsp;</td>
            </tr>
                <tr>
      <td style="width: 336px; height: 23px;"><font face="Arial,Verdana" size="2"></td></font>
      <td style="width: 278px; height: 23px;">&nbsp;</td>
    </tr>

</table></CENTER>
</body>
 
Zuletzt bearbeitet:
CashMan86 schrieb:
Diese Hinweise wurden geschrieben nachdem ich das Thema hier eröffnet habe.
Zum Vergrößern anklicken....
Man darf ruhig mal länger als 14 Min. warten, aber egal.
threadi schrieb:
Das dürfte (immernoch) an 143 HTML-Fehlern liegen
Zum Vergrößern anklicken....
Dann sind durch die letzte Änderung sogar noch mehr Fehler reingekommen.
threadi schrieb:
Mein Tipp:
Komplett neu machen. Damit wirst Du nicht mehr glücklich.
Zum Vergrößern anklicken....
Dem kann ich mich nur anschließen.
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben