CSS Galerie kompatibel machen

[july3]

Hallo zusammen, habe im Internet diese Galerie gefunden. Jedoch funktioniert sie in Safari nicht richtig, das Bild blinkt beim anklicken nur kurz auf. Der User müsste also um sich das Bild anzuschauen dauerhaft auf das Thumbnail klicken. Kann man diese Galerie irgendwie mit Safari kompatibel machen? Also sie sollte im IE, FF und Safari funktionieren.

Ich weiß das es irgendwie mit dem active zusammenhängt aber irgendwie muss man das ja so umschreiben können das es für alle Browser funktioniert oder?

Hier der Link zu meiner bearbeiteten Galerie

[phpBuddy]

Hallo,

hast Du dir mal 2 Minuten Zeit genommen und darunter die Information gelesen? Da wird extra erwähnt das ...

Works in IE5.5+ and Firefox, but Opera and Safari users will need to hold the mouse button down while the image loads as :active and :focus are only temporary states in these browsers.

Mit anderen Worten: Nein, das kann man offensichtlich nicht so umschreiben, dass es auch in besagten Browsern auch funktioniert. Wäre das der Fall, hätte Stu das sicher gemacht.

Es gibt aber noch genügend andere Wege eine Galerie zu erstellen, die dann auch in allen Browsern funktioniert.

[july3]

Ich hab das schon gelesen, aber ich bin in Englisch leider nicht so gut also hab ich nur die Hälfte verstanden.

Mir ging es um die "Thumbnails at left"-Galerie sowas find ich nirgendwo das es für alle Browser geht aber ich suche weiter.

[phpBuddy]

... find ich nirgendwo das es für alle Browser geht aber ich suche weiter.

Hallo july3,

und genau das geht technisch bedingt in Opera und Safari nicht, weil die Technik die für diese CSS Galerien eingesetzt wird von diesen Browsern anders interpretiert wird. Da kannst Du suchen so viel Du magst, Du wirst keine Galerie finden die genau auf diese Art in allen Browsern funktioniert, weil das technisch nicht möglich ist. Es gibt offensichtlich auch keinen Workaround, sonst hätte Stu sie auf seiner Seite veröffentlicht.
Du hast also genau 2 Optionen: 1) damit leben das Opera und Safari User eben die Maustaste gedrückt halten müssen, was kein Weltuntergang ist. 2) nach einer Alternative, etwa Lightbox oder einer seiner vielen Klone, suchen.

[july3]

Ach so, hmm...

Und wie ist es mit dieser Galerie? Kann man die so umschreiben das die Thumbs links sind und diese Textbox weg ist? Die Thumbs könnten auch rechts bleiben wichtig ist eigentlich nur das diese Textbox weg ist. Weil das wäre im Prinzip ja das selbe und funktioniert auch in Safari. Oder gibt es noch eine andere Möglichkeit, z.B. per JavaScript oder so? Es wäre halt super wenn ich es möglichst einfach einbinden kann und nur die Bilder austauschen bzw. erweitern müsste, da ich mich mit der Programmierung nicht so gut auskenne.

Es soll eben eine Galerie sein in der links Thumbnails sind und beim draufklicken werden sie seitlich in groß angezeigt.

[zulujaner]

Hi,

ein kleines bisserl quellcode brauchst hier nur zu verändern und deine Textbox ist weg.

Schreib einfach keinen Text hin, schon isser wech.
Jedes Bild wird hier in deinem Beispiel über einen Listenpunkt definert.

<li><i><img src="../images/trees/t1.jpg" title="" alt="" /></i><span><b>Lorem ipsum mea.</b><br />Ut posse discere omittam, et pro maluisset evertitur incorrupte, quo modus etiam euismod ne. Id vel postulant periculis, graeco minimum no sit.</span></li>

img macht dein Bild und das was zwischen <span>bla text bla</span> steht ist der Text unter dem Bild. Also einfach weglassen. Schon wird nix angezeigt.

Bei Stu mußt du dich durch den Quelltext wühlen. Das hilft auch zum kennenlernen. Kopier dir den Quelltext und bastle dran rum. Versuche erstmal die Bilder zu tauschen. Immer in kleinen Schritten. Versuche dann mal ein paar Farben zu ändern... Basteln - Kontrollieren, was hab ich getan. Wieder nen kleinen Schritt weiter. Arbeite mit Kommentaren im Quelltext. Das hilft dir später beim Zurechtfinden im Quelltext.

Wenn du mal die Zusammenhänge im Dokument erkannt hast, ist es auch einfach: "möglichst einfach einbinden kann und nur die Bilder austauschen bzw. erweitern müsste"

Sehe grad man kann es doch herunterladen. Prima Sache zum Üben! Nur 3 Dateien zu bearbeiten. Natürlich ohne die Bilder.

Viel Spaß, zulujaner