任何人都可以幫我找出爲什麼這個畫廊插件是這樣的行爲？

我正在使用jQuery和一個名爲Galleriffic的插件在我正在開發的網站上顯示一些圖像和文本。我只調整了CSS（大小和顏色）以適合我的頁面，但出於某種原因，爲您單擊的下一個圖像顯示的文本顯示在當前文本下方，然後當舊文本消失時，它會滑動到頂部。任何人都可以幫我找出爲什麼這個畫廊插件是這樣的行爲？

Here is a link to my dev page。

此外，主要圖像不會出現在IE（8）中，兼容模式不會改變任何東西。縮略圖，標題和說明全部出現並按預期進行更改。在Galleriffic的示例頁面中，IE的功能很好。正如我上面提到的，我只調整了CSS的大小和顏色，所以這不應該影響圖像這樣的權利？

在先進的感謝。

來源

2010-10-15 Anders

確定這actualy導致問題的事情是，你註釋掉在樣式表，使圖像的標題有點漂浮留頂端部分的事實：

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

因此改變這一回，我發現使其看起來像預期的那樣工作。但是，這會導致圖像漂浮在左側的標題上。這我會通過設置浮動：權利在div＃gallary。

div#gallery { float: right; }

然後，你可能會想要玩大小和邊距，使它看起來很好。

來源

2010-10-15 22:32:44 joshuafreelance

取消註釋此部分使標題棒到頁面的左上角。我必須安排不同的事情。 – Anders 2010-10-15 23:53:34

設置「span.image-caption position：relative」將使其浮動到「div＃標題」的頂部和左側。重要的部分是讓「span.image-caption」左右浮動，這樣新的標題可以覆蓋當前標題，而不會卡在其下方，從而在動畫之後刪除當前標題時引發快照操作。 – joshuafreelance 2010-10-16 16:38:29

當您點擊圖庫中的下一張圖片時，插件會在當前顯示的圖片後面添加新圖片文字。該插件然後在當前的圖片文本上開始淡出動畫，然後最終從DOM中刪除它。

因此當目前的一個淡出時，它會將新的一個保持在它下面，直到它消失，引起這個快照效果。

你想做的事很簡單，不要使用插件。如果你願意，我會幫你寫出這個畫廊效應的邏輯。

來源

2010-10-15 21:58:36 joshuafreelance

我真的很感激，讓我知道。 – Anders 2010-10-15 22:00:38

[email protected] – joshuafreelance 2010-10-15 22:01:41

發送郵件，收到'收件人地址被拒絕：虛擬別名表中的用戶未知' – Anders 2010-10-15 22:06:45

任何人都可以幫我找出爲什麼這個畫廊插件是這樣的行爲？

回答

相關問題