我使用Dynamic Drive的motiongallery.js(CMotion圖片庫)創建了此slider。顯示標題標題以及圖像滑塊
我試圖設置替代或標題文本作爲標題使用jQuery Capty,但它不能正常顯示(請參閱here)。
有沒有人有任何提示或建議如何使這項工作?
我使用Dynamic Drive的motiongallery.js(CMotion圖片庫)創建了此slider。顯示標題標題以及圖像滑塊
我試圖設置替代或標題文本作爲標題使用jQuery Capty,但它不能正常顯示(請參閱here)。
有沒有人有任何提示或建議如何使這項工作?
將以下類添加到您的CSS文件。這必須正確地解決整個問題。
.capty-wrapper{display:inline-block;}
的問題是,<a>
和<img>
是內聯的元素。Capty使用<div>
作爲它的標題渲染,這是一個塊元素,它會讓畫廊的佈局變得混亂。
上面的CSS使capty的包含div變成了一個內聯元素。
還要考慮比利護城河的評論和使用 $('.caption').capty();
如IDS都應該是獨一無二的添加圖片說明烏爾圖像lements。
謝謝你,Samyam工作完美。但是,還有一個問題...是否有可能使它適用於iphone,我的意思是我知道滑塊設計用於懸停,移動設備沒有懸停,但是可以通過拖動使其左右滑動在屏幕上? –
您可以查看許多支持觸摸的畫廊。 TouchGallery是我知道的一個jQuery插件。但不同的庫有不同的功能集。因此,尋找適合您需求的產品。 –
我設法使用:overflow:scrool; –
查看Capty插件頁面上的代碼示例和頁面上的代碼,它們完全不同。此外,您在該頁面上也有多個具有相同ID的圖像。 ID是唯一的。改用CLASS。 –