Rollover kappt nicht im IE

emonem

Hallo,
ich habe ein Rollover effekt mit Dreamwever MX erstellt das im Firefox und Opera richtig angezeigt wird. Im IE dagegen wird das Bild erst gewechselt wenn man mit der Maus schon einige zeit über dem Bild ist und anschließend versucht der IE das Image nochmal zu laden.
Ich bekomm es einfach nicht hin das das Bild direkt gewechselt wird.
Schaut am besten mal selber, vielleicht hat jemand das gleiche problem gehabt oder weiß einen Antwort darauf

http://www.jaded-season.com/sanchez/v2.0/others.html

Ich weiß das ich den weißen rahmen auch mit CSS gestalten kann aber das rolloverproblem im IE wäre damit trotzdem nicht gelöst.

ST-O Keule

ähm ich hab ma ne frage !

Soll nur en rahmen erscheinen oder wechselt das bild sich auch wie z.b. motiv, farbe oder größe ?

Wenn du mit der Maus über ein Bild gehst wird ein komplett neues Bild mit einem weißen rahmen geladen. Mit Firefox und opera klappt es auch wunderbar nur mit dem IE wird das Rolloverbild zeitverzögert geladen.
Wenn man das Bild anschließend wieder verläßt läd der IE anschließend noch was nach.
Ich weiß nicht wieso der IE da so ein ärger macht ,vielleicht ist im Code was falsch.

ST-O Keule

also dein Quelltext der Seite ... naja schwer da einen Durchblick zu bekommen am einfachsten ist wenn du das wie unten machst

Code

[img]dein_bild.jpg[/img]

emonem

Hi,
hab es zur vereinfachung noch mal mit deinem Code auf einer extra seite gemacht:

http://www.jaded-season.com/sanchez/v2.0/Untitled-1.htm

Ich weiß nicht warum ,aber mit dem IE klappt es immer noch nicht.Es gibt immer diese Zeitverzögerung .Beim Firefox und opera ist es nicht so.
Diese Seite hab ich es mit dem quellcode von Dreamweaver gemacht.

http://www.jaded-season.com/sanchez/v2.0/Untitled-2.htm

Der ballert mir da irgndwie so ein Javascript rein.

Mich wundert nur warum es auf dieser Seite hier
http://www.trust-in-me.de/ der rollover auch mit dem IE einwandfrei läuft obwohl es der gleiche dreamweavercode ist wie bei mir.Hab es schon 10 mal mit meinem code verglichen und sehe kein unterschied. Vielleicht erkennt jemand den unterschied zwischen dieser seite und meiner seite die ich in dreamweaver gemacht habe.
Ich glaub auch nicht das es an der reaktionszeit vom Webserver liegt ,oder?

emonem

Also ich glaub das alles irgendwie nicht!Hab jetzt mal die Seite auf nen anderen webserver hochgeladen und da klappt es auch mi dem IE.
Liegt doch an der Reaktionszeit.

http://www.turnhead.net/Untitled-1.htm

Der webspace ist von 1&1

So, was kann ich jetzt tun damit es auch auf dieser seite mit dem IE klappt.

http://www.jaded-season.com/sanchez/v2.0/Untitled-1.htm

Der Webspace ist von all.inkl

CHIEFmaster

hmm... also bei mir brauchen ALLE Beispiele von dir
etwa ne Sekunde oder ne halbe oder so, bis der Rahmen kommt!!!

Ronald

Zitat von CHIEFmaster

hmm... also bei mir brauchen ALLE Beispiele von dir
etwa ne Sekunde oder ne halbe oder so, bis der Rahmen kommt!!!

Das liegt an der enormen Größe der Grafiken, sie haben jeweils etwa 20-25 KB, zusammen also 100KB.

Warum machst du den Rand nicht einfach mit Stylesheets, geht doch einfacher und schont Ressourccen

G.a.d.M.

Ronald

emonem

Hab gerade bei meinem Provider angerufen.Die mußten ihren Apache neu konfigurieren weil die bildinformationen nicht richtig beim Rollover versendet wurden. deshalb kam es immer zur der Zeitvezögerung von bild1 nach bild2.Naja hat mich zwei tage gekostet aber jetzt is das problem gelöst.
Ich weiß das ich den weißen rand auch mit CSS mache kann aber wenn ich jetzt wirkllich 2 komplett veschieden bilder mit einem Rolover effekt versehen wollte wär das problem mit der Zeitverzögerung im IE dann immer noch nicht gelöst nur nach hinten verdrängt.

Ronald

Trotzdem würde ich das Problem mit Stylesheets lösen, da mann dann nämlich ...

1. weniger Traffic verursacht, da nur halbsoviele Grafikem benötigt werden,
2. einen Mousovereffekt hat, der auch dann funktioniert, wenn der User Javascript deaktiviert hat.
3. man weniger und dafür übersichtlichern Quelltext hat.

Ich will dich nicht übereden, aber vielleicht kann ich dich überzeugen.
Probiere doch einmal dieses aus:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>


<style type="text/css">
<!--
body,td,th {
        font-family: Arial Narrow;
        font-size: 10pt;
        margin:27px;
}
body {
        background-image: url(Bilder/framelinks.jpg);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position:left ;
        background-color: #AD0101;


}


#nav a, #nav a:visited, #nav a:active {
        display:block;
        margin:0px;
        padding:0px;
        width:200px;
        color:#FFFF00;
        border:1px solid #000000;
}


#nav a:hover, #nav a:focus  {
        border:1px solid #FFFFFF;
}
-->
</style>
</head>


<body>


<table id="nav" width="214" border="0" align="center" cellspacing="1" cellpadding="0">
  <tr>
    <td align="center">[url='http://www.atticusclothing.com'][img]Bilder/atticus.jpg[/img][/url]</td>
  </tr>
  <tr>
    <td align="center"><x href="http://www.loserkids.com" target="_blank">[img]Bilder/loserkids.jpg[/img]</a></td>
  </tr>
  <tr>
    <td align="center">[url='http://www.loserkids.com'][img]Bilder/macbeth.jpg[/img][/url]</td>
  </tr>
  <tr>
    <td align="center"><a href="http://purevolume.com" target="_blank">[img]Bilder/purevolume2.jpg[/img]</td>
  </tr>
  <tr>
  </tr>
</table>
</body>
</html>

Alles anzeigen

Du kannst damit auch herumspiielen, z.B. indem du bei einem Bild den Link einmal wegnimmst um zu sehen, was dann passiert. Oder besser noch:
Füge einmal mit deiner Variante einen weiteren Link hinzu und dann probiere es mit meiner Variante, indem du einfach eine neue Tabellenzelle anfügst und dort einen link und eine Grafik eingibst (Grafik sollte die gleiche Größe haben wie die anderen).

G.a.d.M.

Ronald

emonem

Danke für deine Mühe. Mit CSS kenn ich mich noch nicht so gut aus ,kenn nur paar grundlegende sachen. Ich werde dein code auf jeden fall näher untersuchen damit ich beim nächsten mal weiß wie ich es auch mit CSS gestalten kann.

Tags