Kein Mouseover mit Firefox

Emmi15 · 13.06.2009

Hallo ich hoffe das ich mit meiner Frage hier richtig gelandet bin.Hab folgendes Problem:Meine erste eigene Seite hab ich soweit fertig(Thema bildbearbeitungen zeigen).Erstellt habe ich sie mit dem Design-Assistenten von T-Home und PhotoImpact.War auch alles problemlos,ich wollt was schlichtes und habe vorher noch überhaupt nix mit Webseitengestaltung gemacht.Was ich haben wollte waren Mouseover/Bildwechseleffekte das die Bearbeitung beim Zeiger drüberbewegen über dem Original gezeigt wird.Diese hab ich mit PI auch hinbekommen aber wenn ich jetzt die Seite mit Firefox 3 ansehe tut sich nix....Auf anderen Seiten klappt es aber!Wenn ich mit Internet Explorer die Seite ansehe oder dem T-Online Browser klappt alles wunderbar.Was kann das sein?Liegt das an Firefox oder irgenwelchen Einstellungen?Die Seite ist und auf der Fotoseite mit den vielen kleinen Bildern ist der Link zu den Seiten um die es geht.Vielleicht hat ja jemand mit Firefox mehr Glück und es liegt wirklich nur an meinem Fox?
Vielen Dank!
VG Rene

cebito · 13.06.2009

AW: Kein Mouseover mit Firefox

Hab die Seite grad mit FF angesehn - stimmt, tut sich nix, habs aber auch mit IE6 probiert - tut sich auch nix...

Emmi15 · 13.06.2009

AW: Kein Mouseover mit Firefox

Hallo und danke erstmal für die Antwort!Komisch ist das.Hab IE 8 damit geht es.Wie gesagt auch mit dem anderen von T-home.Nur mit Firefox nicht.Wenn ich mit PI eine Seite mache und Bilder als Diashow einbinde funktionirt es auch mit firefox.

spapic · 13.06.2009

AW: Kein Mouseover mit Firefox

beim IE7 tut sich auch nichts

icede · 13.06.2009

AW: Kein Mouseover mit Firefox

also bei mir geht weder FF3, noch das IE-Plugin im FF und auch der IE8 macht keinen Zuckerer!!
Wenn ich eine Bildergallerie anklicke, werden die beiden Bilder einfach nebeneinander angezeigt - egal ob IE oder FF....

agielen · 13.06.2009

AW: Kein Mouseover mit Firefox

Hi Emmi15,

ich darf doch mal höflich fragen, wie unsauber Dein HTML-Code ausschaut?
Irgendwas stimmt nicht mit der Vorgehensweise des Assistenten, den Du genutzt hast. Schau mal wie unsauber das Bild im Opera ausschaut:

Gruß

bounty83 · 13.06.2009

AW: Kein Mouseover mit Firefox

Hallo,

wäre nicht schlecht wenn du mal den Teil des HTML-Codes posten könntest wo du den Mouseover/Bildwechseleffekt anwendest. Denke mal dann könnte man dir besser helfen.

LongDonGold · 13.06.2009

AW: Kein Mouseover mit Firefox

Um einen Mouseover erfekt zu erzeugen würde ich dir ein CSS Still ans Herz legen.

So du hast nun 2 verschieden Variationen um das CSS an zu geben.

Einmal per index.php oder html

Code:

<head>
<style type="text/css">
<!--
a:link {
    color: #FFFFFF;
    background-image:url();
    background-repeat:no-repeat;
    height:px;
    width:px;
    display:block;
}

a:hover {
    color: #FFFFFF;
    background-image:url();
    background-repeat:no-repeat;
    height:px;
    width:px;
    display:block;
}

</style></head>

oder eine externe css Angabe

Code:

<head>
<link href="deinstyle.css" type="text/css" rel="stylesheet">
</head>

Dazu musst du dann einfach eine .css erstellen und dann den Code einfügen und dann anpassen

Code:

a:link {
    color: #FFFFFF;
    background-image:url();
    background-repeat:no-repeat;
    height:px;
    width:px;
    display:block;
}

a:hover {
    color: #FFFFFF;
    background-image:url();
    background-repeat:no-repeat;
    height:px;
    width:px;
    display:block;
}

Den Code musst du dann einfach nur nach deinem wünschen abändern

Es könnte aber auch sein, da die andere Seite bei T-Home gespeichert ist, das dieser Server nicht zu 100% geht, weil die derbe Probleme haben mit dem Webspace und es teilweise zu ausfällen kommt, Datenbank zerschrottung und und und.

LG Sascha

Emmi15 · 13.06.2009

AW: Kein Mouseover mit Firefox

Hallo erstmal vielen Dank für Eure Antworten.Ich glaube ich hab das bei meiner Frage nicht so richtig beschrieben um welche Bilder es mir geht.Sorry!Ich hatte ja nur den Link direkt zur Hauptseite angegeben,wenn man dort zur Bildergalerie(Name Fotos)geht auf der ersten Seite davon sind viele kleine Bilder und darüber ist ein Link der zur Subdomain bearbeitungen führt,praktisch der 2.Teil der Seite.Hier ist der Link nochmal direkt zur Startseite der Subdomain auf der auch ein kleines "Testbild"ist und 3 Kategorien.

Die Bilder dort sowie das kleine zum testen sind mit dem Mouseover/Bildwechsel gemacht.Das auf der Hauptseite (blau und schwarz)Die Fotos nebeneinander sind ist so gewollt.Nochmal vielen Dank für das Interesse und die Antworten!

VG Rene

LongDonGold · 13.06.2009

AW: Kein Mouseover mit Firefox

Achso na dann ist es ja gut ^^

Also willstdu in der Hinsicht so art, Slideshow machen wenn man mit der Maus drüber fährt?

Wenn ja, dann würde ich dir sagen wollen, das du es per Javascript schreibst oder per Lightroom.

Ich denke aber Lightroom wäre dann die bessere Lösung.

cebito · 13.06.2009

AW: Kein Mouseover mit Firefox

Probier mal das hier:

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=iso-8859-1" />
<title>Bildwechsel</title>
<style type="text/css">
.bild{
position:relative;
width:800px;
height:600px;
margin:20px auto;
}
.original{
position:absolute;
top:0;
left:0;
}
.bearbeitung{
position:absolute;
top:0;
left:0;
opacity:0;
filter:alpha(opacity=0);
}
.bearbeitung:hover{
opacity:1.0;
}
</style>
<!--[if IE]>
<script language="javascript" type="text/javascript">
function opac(bild,wert){
    bild.style.filter = "alpha(opacity=" + wert + ")";
    }
</script>
<![endif]-->
</head>

<body>

<div class="bild">
    <img src="original.jpg" class="original" />
    <img src="bearbeitung.jpg" class="bearbeitung" onmouseover="opac(this,100);" onmouseout="opac(this,0);" />
</div>

</body>
</html>

Emmi15 · 13.06.2009

AW: Kein Mouseover mit Firefox

Danke!Ich möchte das beim Zeiger drüber halten die bearbeitete version des Bildes angezeigt wird und wenn der Zeiger ausserhalb ist wieder das Originalbild.So wie hier:
Diese Seite läuft mit FF problemlos bei mir.
Hat das jetzt auf dem neuen Link geklappt?Mit IE und/oder FF?
Ehrlich gesagt ich hab Null Ahnung von Codes und was man damit macht und wie das alles fuktioniert.Deswegen hab ich mich dafür entschieden die Seite den 1.teil mit dem Assistenten zu machen wo die Bilder einfach nebeneinander zu sehen sind und den 2.teil mit PhotoImpact.Auf den Webseitenhintergrund das Bild platzieren,die Seite durch trennen in einzelne zellen aufteilen und den effekt"durch zelle ausgelöst-Bildwechsel"auf die jeweilige zelle anwenden.Dann "Vorschau im Browser",beim IE funktionierte es ohne Probleme.Als HTML gespeichert und auf meinen Speicherplatz geladen.

cebito · 13.06.2009

AW: Kein Mouseover mit Firefox

Emmi15 schrieb:
Danke!Ich möchte das beim Zeiger drüber halten die bearbeitete version des Bildes angezeigt wird und wenn der Zeiger ausserhalb ist wieder das Originalbild.So wie hier:

Was denkst du, was der code da oben macht - und das nicht nur im FF? Das ist ne komplette Website, du müsstest nur für original.jpg dein Originalbild eintragen und für bearbeitung.jpg dein bearbeitetes, vorzugsweise in den Maßen 800x600 aber das ließe sich dann im css auch ändern.

Emmi15 · 14.06.2009

AW: Kein Mouseover mit Firefox

Hallo ich denke ich hab vestanden.Muss mich wohl mal mit nem HTML-Editor beschäftigen wenn ich das so haben will das es auch mit FF funktioniert.Dann werd ich mich mal sclau machen über die ganze Angelegenheit.Vielen Dank nochmal!!
Ich hab es mit PhotoImpact nochmal zum Test probiert,das Bild ist hier,müsste beim Mouseover schwarz-weiss werden.Jedenfalls mit IE.

Den Code wollte ich hier einfügen aber der ist ziemlich lang( 562 Zeilen ) das lass ich lieber.Wenn ihn jemand sehen will geht das ja direkt dort auf der Seite.
Bis denn dann und Danke!
VG Rene