圖庫圖片過渡

我想知道是否有人能夠幫助我。圖庫圖片過渡

我使用Aurigma Image Uploader和FancyBox來製作this圖庫頁面。我遇到的問題是圖像被放置在頁面的垂直下方，而我更喜歡它們在頁面上水平移動，創建單獨的圖像行，一個在另一個下面。

我明白，有些人可能對Aurigma軟件包一無所知，但我認爲我是對的，說'Fancybox'有一點被廣泛使用。

我只是想知道是否有人能夠提供關於我需要在Fancybox腳本中更改的設置的指導，以便圖像水平放置而不是垂直放置。

非常感謝

.ccs文件中提取

.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; }

來源

2012-03-25 IRHM

你問的如何以html的方式顯示它們？我沒有看到fancybox與在頁面上顯示圖像有什麼關係。 – qitch 2012-03-25 17:54:07

FancyBox與任何東西有什麼關係？它只是用於顯示包含圖像的模態彈出窗口。 – Sparky 2012-03-25 18:00:01

這是一個CSS問題，而不是一個fancybox問題。 – JFK 2012-03-25 22:17:11

我想你想要的是添加float:left;到您的項目類中的CSS。

來源

2012-03-25 17:56:30 qitch

非常感謝你，這是你的發現。道歉，如果這應該是一個新問題，但我似乎無法定位圖像，因此它們的寬度相同，並且它們不會出現在多行上。他們最終只是「混亂」。我找到了.css文件並將其添加到我的原始文章中。我只是想知道你是否可以看看這個，並告訴我需要看看什麼才能獲得正確的間距。親切的問候 – IRHM 2012-03-26 13:25:59

@IRHM給你的物品類定義的寬度和高度。另外，請接受答案。謝謝。 – qitch 2012-03-27 01:31:34

圖庫圖片過渡

回答

相關問題