OS X-Like Webseiten

[Bissy]

Hi!

Ich habe eben eine Seite im Web gesehen, bei der im "Apple-Stil" gearbeitet wurde.
Kann das total schlecht erklären, deshalb hier ein Link http://sophiestication.de/coversutra/
Wenn ihr da auf die Bilder klickt, werden diese geladen, der Hintergrund wird halbtransparent, etc.

Sieht total scharf aus.
Wie macht man das?

Viele Grüße

Bissy

 

[apfelbutzen]

Web 2.0 läßt grüßen, so wird dieser Stil im Allgemeinen genannt.
Die Bildergalerie wird mit einem Javascript gestartet. Such mal bei Googgoog nach Lightbox.

 

[Ultrasonic]

Da gehört nich viel dazu. Man nehme Photoshop, erstelle ein Layout mit Slices, speichere das ganze als PNG-24 mit Transparenzen, nehme sich ein Texteditor und erstelle ein Layout mit Hilfe von HTML/CSS mit Schnittstelle zum CMS und JavaScript oder auch Ajax bringen dann noch etwas Bewegung in die Website. So wie das da steht ist das 1-2 Tage Arbeit.

Die Bilder werden in der Lightbox dargestellt. Downloaden und das ganze läuft in 5 Minuten.

 

[Ultrasonic]

Aber mal von der Website abgesehen, wer braucht ein Tool für € 9.95 dessen Funktionen in iTunes bzw. Max OS X schon bei sind.

 

[Bissy]

ok, schonmal vielen Dank dafür.
Habe das gerade mal gezogen und getestet.
Irgendwie funktioniert das nicht, dass wenn ich mehrere Bilder da drin habe, so eine Art "Weiter"-Pfeil in der rechten oberen Ecke erscheint. Also um das nächste Bild dann in der Vollbildansicht zu zeigen.
Will ja nicht jedesmal auf den Thumb klicken.

Wie realisiere ich das denn?

 

[Bissy]

ok, habs. gruppenname ist hier das zauberwort

nochmal vielen dank!

 

[neolux]

ich hab mir das script auch mal eingebaut, in eine hp. ich hab aber das problem, dass die css datei vom script nicht mit der css der restlichen page übereinstimmt. ich hab beide css zusammengefügt. jedoch haben beide dateien eine datei für den hintergrund. die von meinem css kann ich ändern. die der lightbox nicht.
bissy, oder auch alle anderen, habt ihr ein tipp oder erfahrung mit diesem script?

 

[Bissy]

hi neolux.

hab mir das css jetzt zwar nicht angesehen aber ich bin mir auch nicht ganz sicher, was das problem ist
du hast dein "eigenes" css mit dem der lightbox zusammengefügt. in beiden ist jetzt ein hintergrund-tag?!
warum löschst du nicht den, den du nicht brauchst?
bzw, falls es um den namenskonflikt geht, kannst du die doch auch einfach umbennen. eigentlich greift ja die lightbox, und somit das zugehörige css, nicht in deine webseite ein. erst, wenn du auf ein bild klickst, wird lightbox aktiv. somit dürfte das mit den tags kein problem geben.

 

[neolux]

hab den fehler, war doch kein problem mit dem lightbox css, is ein fehler in meinem...aber danke für die hilfe .