Pro Gallery
Erweiterte Galerie in einundzwanzig Mustern, von Sechsecken bis zum 3D-Band, mit Rahmen und Filtern
Die Beispiele sind nur ein Teil. Jede Tile hat außerdem die erweiterten Optionen: Animationen, Mauseffekte, Sichtbarkeit nach Gerät oder Datum, Position und vieles mehr.
01
Frisch eingefügt
So sieht sie aus, sobald du sie der Seite hinzufügst, vor jeder Änderung.
02
Bento einer Wohnung (Metro)
Schema „Metro“: Zellen in gemischten Größen (2×2, 2×1, 1×2) auf Zeilen von 130 px, die lückenlos ineinandergreifen, Radius 18 und Zoom beim Hover, auf pfirsichfarbenem Hintergrund.
03
Das Mosaik eines Reisemagazins
Schema „Mosaik“ mit drei Spalten: jedes fünfte Foto groß, warmer Filter, hauchdünne Abstände; der Container dient als Magazinseite.
04
Verstreute Polaroids von der Saisonabschlussfeier
Schema „Verstreut“ mit cremefarbenem Polaroid-Rahmen: Die Fotos liegen schief übereinander wie auf einem Tisch und zoomen beim Hover.
05
Sechsecke für ein Agritech-Startup
Zentriertes Schema „Sechsecke“, animierter pulsierender Rahmen in Creme und kalter Farbton auf den Fotos, auf blauem Hintergrund.
06
Ein Band mit zwei Reihen Schaufenstern zum Ziehen
Schema „Mehrzeiliges Band“: zwei Zeilen mit je 240 px, die sich mit der Maus ziehen lassen, verlaufende Ränder, Radius 14 und runde rote Pfeile für alle, die nicht ziehen.
07
3D-Coverflow eines Computermuseums
Schema „Coverflow 3D“: Das Foto in der Mitte vergrößert, die seitlichen perspektivisch gedreht und die Position als Bruch in Rot angezeigt.
08
Fünf Museen in einer Zeile, die sich ausdehnt
Schema „Erweitern“: eine Zeile mit fünf Fotos, das Foto unter dem Mauszeiger wird breiter und drückt die anderen zusammen; Bildunterschrift, die von unten hochfährt.
09
Schwarz-Weiß-Porträts mit innerem Rahmen
3:4-Grid in Schwarz-Weiß, das beim Hover wieder Farbe bekommt, eine cremefarbene feine Linie in jedem Foto und Ecken, die sich beim Hover zeichnen.
10
Das Team in der Diagonale, mit „+N“
Schema „Diagonal“: jedes Foto abwechselnd schräg angeschnitten, nur eine Zeile sichtbar und der Rest unter einem roten „+3“.
11
Collage mit Ken Burns und Glitzern
Schema „Collage“: das erste Foto doppelt so groß, die anderen im Grid; zwei Dauer-Animationen zugleich, ein langsamer Ken Burns und ein Glanzlicht, das darüberzieht.
