Browserproblem: Darstellung in Opera
breathspace
- browser
ich habe ein Problem mit meiner Foto-Galerie.
Nach Auswahl des Thumbs soll das Bild fixiert in der Mitte bleiben.
Opera zeigt das Bild nach drücken der Maustaste auch an,
beim loslassen wird allerdings der Anker angesprochen.
Die Seite wird aktualisiert, so als würde ich auf eine freie Stelle klicken.
(Was bei anderen Browsern auch gewollt ist)
Bei IE, Mozilla, Firefox keine Probleme.
Möchte aber keine Mouseover-Lösung in Betracht ziehen.
Opera das Maß der Dinge?
Vielen Dank im Vorraus.
Betreff-Code:
(<div id="galerie" style="width:100px">
<a title="Astvase" style="background-image: url(../accessoire/img/astvase.jpg)" href="#">
<strong>wird geladen</strong>
<span>
<em style="background-image: url(../accessoire/img/astvasegr.jpg)"></em>
<i class=beschreibung>Astvase<br><br>
Stamm aus Erle gefertigt<br>
30 cm lang<br>
Glasrohr in Stamm eingelassen<br><br>
Preis : 19,50 €<br></i></span></a>)
Praktisches Beispiel zu sehen: www.zip-service.de
(Seite im Aufbau, nicht alle Links werden unterstützt)
Problem in z.B. Accessoire in der Galerie zu sehen
Hi,
Opera zeigt das Bild nach drücken der Maustaste auch an,
beim loslassen wird allerdings der Anker angesprochen.
nein. Opera springt bei einem namenlosen Anker "#" eben nicht an den Seitenanfang.
Vielleicht hilft es, einen vorhandenen Anker zu referenzieren?
Schöne Idee übrigens...
freundliche Grüße
Ingo
Hallo Ingo,
erstmal danke,
zur Referenzierung muss ich ich eine Pfadangabe erstellen.
Klappt ja auch wunderbar.
Wie soll ich aber auf eine interne URL hinweisen,
die sagt, Bild aufrufen, in definiertem Rahmen darstellen?
Gruß
Christian
Hi,
Wie soll ich aber auf eine interne URL hinweisen,
die sagt, Bild aufrufen, in definiertem Rahmen darstellen?
das meinte ich ja nicht. Ich hatte nur die Idee, daß sich Opera vielleicht an dem nicht vorhandenem Ankernamen stören könnte. Ich habe jetzt mal etwas experimentiert... daran liegt es nicht.
Opera reagiert (übrigens genau wie der IE) lediglich auf :active, nicht aber auf :focus. Im Gegensatz zum IE behält er aber den active-Zustand nicvht fälschlich über den Klick hinaus bei. Daher wird dieser schöne onclick-Ersatz wohl leider nicht im Opera funktionieren.
Aber was spricht gegen ein kleines Javascript, das diesen Effekt für den Opera realisiert? Besucher mit Opera und deaktiviertem Javascript dürften sehr selten sein.
freundliche Grüße
Ingo
Hallo Ingo,
vielen Dank für Deine Bemühungen.
Aber was spricht gegen ein kleines Javascript, das diesen Effekt für den Opera realisiert? Besucher mit Opera und deaktiviertem Javascript dürften sehr selten sein.»»
Ich wollte eigentlich auf Javascript verzichten,
aber Du hast recht, ich werde mich wohl damit anfreunden müssen.
Solltest Du dazu eine schöne Lösung haben...
Gruß
Christian
P.S.
Deine Site gefällt mir sehr gut, die Philosophie kommt mir
sehr entgegen.
Hi,
Solltest Du dazu eine schöne Lösung haben...
Bei meinem einfachen Testcase funktioniert folgendes:
<p><a href="#" onclick="this.firstChild.nextSibling.style.background='teal'">Link <span>Span</span></a></p>
Wenn Du Dich nicht durch's DOM hangeln willst, müßtest Du den Elementen ebenfalls IDs geben, auf die Du dann leichteren Zugriff hättest.
Um diese über :focus hinausgehene Änderung aufzuheben, müßtest Du dem Element mit dem großen Bild ebenfalls einen Event-Handler geben.
Wenn das CSS tatsächlich in allen Browsern außer dem Opera funktioniert, könntest Du das Script auch individualisieren über if(window.opera).
Deine Site gefällt mir sehr gut, die Philosophie kommt mir
sehr entgegen.
freut mich.
freundliche Grüße
Ingo
Hallo Ingo,
leider haben wir Wochenende ;-)
Testen kann ich erst ab Montag.
Ich lasse von mir hören.
Vorerst vielen Dank.
Gruß
Christian