幻燈片的縮略圖問題

Question

我正在嘗試使用FancyBox以顯示我輸入到我的網頁佈局中的圖庫。我正在使用3列布局，並且正在嘗試弄清楚如何在第三列中輸入縮略圖。我希望他們以有組織的方式排隊，所以我給他們一個自動寬度和指定的高度。它似乎工作正常，但突然間，第二個縮略圖不符合第一個縮略圖。當我使用螢火蟲並將鼠標懸停在圖像上時，它顯示由於某種原因，第二個縮略圖上方有爲href部分指定的空間。我該如何解決這個問題？有沒有什麼辦法可以使縮略圖尺寸完全相同而不扭曲縮略圖的比例？我一直在努力尋找一個插件，創建一個簡單的彈出式畫廊，這是我發現的第一個工程，但我只是有小問題。

的鏈接是： http://kunkelgroup.com/webpage/kunkelsquare.html

Answer 1

您安排您的縮略圖的方式有無關的fancybox。你的佈局問題似乎更像是一個CSS問題。你可以重新標記你的問題並添加CSS，你可能會得到更快的幫助。

此外，我建議你用圖像編輯器重新縮放縮略圖，而不是通過html動態調整縮放大小;做第二次可能會顯着影響性能和頁面加載。

另一方面，你可以嘗試http://masonry.desandro.com/插件來安排你的縮略圖。