2013-07-21 48 views
0

我想建立一個非常基本的縮略圖庫。當您單擊縮略圖時,它會展開爲三種尺寸(方形,垂直或水平)之一。
我遇到的問題是,當它展開時,圖片想要保持相同的順序,而不是用縮略圖填充空白塊。顯然,首先寫出的內容首先顯示 - 這通常是有道理的。我想知道是否有一種方法可以讓圖像從流中彈出,並在InDesign中使用textwrap工作塊。
這是我到目前爲止:http://fiendconsulting.com/uglyduck_testing/toggle_test.html
任何想法?更自然的包裝/浮動

我對此並不是很擅長,而且在過去的幾個月裏我沒有任何一種編程方法的實踐,所以請儘量簡單並保持簡單。提前致謝。 -T

+0

我不知道textwrap在InDesign中的工作原理,但是不能將原始圖像保留在原始大小的流中,並將較大的圖像顯示在位於圖庫上方的新容器中? – GolezTrol

+0

我試圖避免這樣做。這使得看太快的事情變得非常困難:點擊打開更大的圖像,點擊關閉它,以便您可以再次查看縮略圖;這意味着你一次只能看到不止一個大圖。

+0

您需要爲縮略圖項目指定一個css值'position:absolute;' – Vector

回答

0

我認爲砌體jQuery插件會做你想做的。怎麼什麼,我認爲你正在尋找的作品就是這樣的一個例子:

http://www.swiftkey.net/en/our-company/#team

他們利用這個被稱爲同位素jQuery插件(這是磚石結構的更完整的版本,你付出的)做的。它還需要一些先進的ish類型的jquery技巧來處理回調,而不是。

他們所做的背後的原則是隱藏較大的內容,然後當您單擊肖像時隱藏較小的圖像並顯示較大的圖像,然後重新佈置砌體網格。你應該可以使用它並獲得一些非常好的功能。它漂亮的時尚atm。