誰能幫我找出這個圖庫插件為何具有這種方式？

Question

我正在使用jQuery和一個名為Galleriffic的插件在正在開發的網站上顯示一些圖像和文本。 我只是調整了CSS（主要是大小和顏色）以適合我的頁面，但是由於某些原因，為您單擊的下一張圖像顯示的文本出現在當前文本下方，然后當舊文本淡出時，它會滑到頂部。

這是我的開發頁面的鏈接 。

此外，主映像也不會出現在IE（8）中，兼容模式不會更改任何內容。 縮略圖，標題和說明均會出現並按預期更改。 在Galleriffic的示例頁面中，IE可以正常運行。 正如我上面提到的，我只調整了CSS的大小和顏色，所以這不應該以這種方式影響圖像吧？

提前致謝。

Answer 1

當您單擊圖庫中的下一張圖片時，插件會在當前顯示的圖片之后的div中添加新的圖片文本。 然后，該插件在當前圖片文本上啟動淡出動畫，然后最終將其從DOM中刪除。

因此，當當前的一個逐漸消失時，它會將新的一個保留在其下方，直到消失為止，從而產生捕捉效果。

您嘗試做的事情很簡單，不使用插件。 如果您願意，我會幫助您編寫此畫廊效果的邏輯。

Answer 2

好的，實際上導致問題的原因是，您注釋掉了樣式表中的部分，使圖像標題有點浮在水面：

span.image-caption {
    display: block;
    /*position: absolute;
    width: 100px;
    top: 0;
    left: 0;*/
}

因此，我發現將其改回原樣可以使其按預期工作。 但這然后導致圖像浮動在字幕上方。 我將通過在div＃gallary上設置float：來解決此問題。

div#gallery { float: right; }

然后，您可能只需要使用大小和邊距來使它看起來再次好看。