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

Automatischer Bildwechsel funktioniert nicht im IE 8

J

jolie8182

Neues Mitglied
Update: Das Problem wurde gelöst. Den Code habe ich entfernt. Vielen Dank an mermshaus!


Hallo zusammen,

ich brauche dringend Hilfe. Ich habe auf einer Startseite einen automatischen Bildwechsel erstellt. Im Firefox und in den älteren Internet Explorer-Versionen läuft es auch ohne Probleme. In der Internet Explorer 8-Version wird nur bis zum zweiten Bild gewechselt. Ich weiß nicht woran es liegt, da ich mich mit JavaScript auch nicht wirklich gut auskenne.
Es erscheint unten links ein Warndreieck mit folgender Fehlermeldung:

Details zum Fehler auf der Webseite

Benutzer-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.2)
Zeitstempel: Sun, 12 Sep 2010 10:23:45 UTC


Meldung: Objekt erwartet
Zeile: 20
Zeichen: 3
Code: 0



Meldung: 'document.getElementById(...)' ist Null oder kein Objekt
Zeile: 35
Zeichen: 13
Code: 0
 
Zuletzt bearbeitet:
Zum Fehler in Zeile 20:

Code: 
<script type="text/javascript">
$(document).ready(function() {
$("a.zoom").fancybox();

});
</script>

Das sieht mir nach jQuery-Code aus, jQuery bindest du aber gar nicht ein.

- jQuery: The Write Less, Do More, JavaScript Library

Zum Fehler in Zeile 35:

Code: 
if(document.getElementById('pic'+ i).alt == 'Bild1') {
    document.getElementById('pic'+ i).src = 'images/start2.jpg';
    document.getElementById('pic'+ i).alt = 'Bild2';
    document.getElementById('href'+ i).title = 'Dental-Factory GmbH';
    document.getElementById('href'+ i).href = 'images/start2.jpg';

Ich sehe im Code kein Objekt (hier: HTML-Tag) mit der ID "href1".

Es erscheint mir im rot markierten Code falsch, immer document.getElementById('pic'+ i) zu wählen. Kannst du erklären, wie das gedacht ist?
 
Hallo mermshaus,

danke für deine Antwort.
Also der jQuery-Code ist für eine Bildergalerie und hat mit dem Problem nichts zu tun.
Der a href- Tag war für eine Verlinkung und kann eigentlich raus. Aber auch wenn ich den lösche, bekomme ich eine Fehlermeldung und nach dem zweiten Bild lädt der IE8 nicht mehr weiter.

document.getElementById('pic'+ i) ist doch die Reihenfolge in der die Bilder geladen werden sollen, also der Verweis auf die id "pic1" unten im HTML-Code. Wie soll ich das denn sonst schreiben? Ich kenne mich da nicht aus. Das war der erste Versuch.

VG
 
Gut ist es so nicht, aber klappen müsste es.

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>demo</title>

<script type="text/javascript">
function foo()
{
    var node = document.getElementById('pic1');

    if(node.alt == 'Bild1') {
        node.src = 'http://www.google.com/logos/2010/vietnam10-hp.jpg';
        node.alt = 'Bild2';
    } else if(node.alt == 'Bild2') {
        node.src = 'http://www.google.com/logos/2010/firstdayofschool10-hp.gif';
        node.alt = 'Bild3';
    } else if(node.alt == 'Bild3') {
        node.src = 'http://www.google.com/logos/2010/maryshelley2010-hp.jpg';
        node.alt = 'Bild1';
    }
}

document.onload = setInterval("foo()", 5000);
</script>

</head>
<body>

<img src="http://www.google.com/logos/2010/vietnam10-hp.jpg" border="0"
     height="262" width="849" align="left" id="pic1" alt="Bild1"/>

</body>
</html>
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben