2012-03-25 2 views
0

Ich frage mich, ob jemand mir bitte helfen kann.Gallery Image Transition

Ich benutze Aurigma Image Uploader und FancyBox, um this Galerieseite zu produzieren. Das Problem, das ich habe, ist, dass die Bilder so positioniert sind, dass sie vertikal über die Seite gehen, während ich es vorziehe, dass sie horizontal über die Seite gehen und separate Reihen von Bildern erzeugen, eins unter dem anderen.

Ich weiß es zu schätzen, dass einige vielleicht nichts über das Aurigma-Paket wissen, aber ich denke, ich habe recht, wenn ich sage, dass 'Fancybox' ein wenig weiter verbreitet ist.

Ich fragte mich nur, ob jemand vielleicht etwas Anleitung geben könnte über die Einstellungen, die ich innerhalb des Fancybox-Skripts ändern müsste, damit die Bilder horizontal anstatt vertikal positioniert werden.

Vielen Dank

.ccs Datei Extrakt

.gallery-image-list { padding: 0; list-style-type: none; } 
.gallery-image-list .item { display: inline-block; vertical-align: top; margin: 5px; padding: 15px; white-space: nowrap; width: 150px; float:left; } 
.gallery-image-list .wide-item { width: 250px; } 
.gallery-image-list .item .preview { display: inline-block; vertical-align: top; } 
.gallery-image-list .item .data { margin: 5px; padding: 5px; list-style-type: none; display: inline-block; vertical-align: top; font-size: 95%; } 
.gallery-image-list .item .data li { margin-bottom: 5px; } 
+1

Fragen Sie, wie Sie sie mit HTML so anzeigen lassen, wie Sie möchten? Ich sehe nicht, was fancybox mit der Darstellung von Bildern auf der Seite zu tun hat. – qitch

+0

Was hat FancyBox mit irgendetwas zu tun? Es dient nur zur Anzeige des modalen Popups mit dem Bild. – Sparky

+0

Dies ist ein CSS-Problem, kein Fancybox-Problem. – JFK

Antwort

0

Ich denke, was Sie wollen, ist float:left; zu Ihrem Artikel Klasse in CSS hinzuzufügen.

+0

Vielen Dank dafür, Sie sind genau richtig. Entschuldigung, wenn das eine neue Frage sein sollte, aber ich kann die Bilder nicht so positionieren, dass sie die gleiche Breite haben, und sie erscheinen nicht in mehr als einer Reihe. Sie enden einfach als "Durcheinander". Ich habe die .css-Datei gefunden und sie zu meinem ursprünglichen Post hinzugefügt. Ich habe mich nur gefragt, ob du dir das hier ansehen und mir zeigen könntest, worauf ich achten muss, um den Abstand richtig zu machen. Mit freundlichen Grüßen – IRHM

+0

@IRHM geben Sie Ihrer Artikelklasse definierte Breite und Höhe. Bitte akzeptieren Sie die Antwort. Vielen Dank. – qitch