Javascript 显示标题和图像滑块

Javascript 显示标题和图像滑块,javascript,html,css,slider,caption,Javascript,Html,Css,Slider,Caption,我使用Dynamic Drive中的motiongallery.js(CMotion图像库)创建了这个 我试图使用jquerycapty将alt或title文本设置为标题,但是它没有正确显示(请参阅) 有人对如何实现这一点有任何提示或建议吗?将以下类添加到CSS文件中。那一定会把整个事情搞定的 .capty包装{display:inline block;} 问题是和是内联元素。 Capty使用s进行标题渲染,这是一个块元素,会弄乱图库的布局 上面的CSS使capty的包含div成为一个内联元素

我使用Dynamic Drive中的motiongallery.js(CMotion图像库)创建了这个

我试图使用jquerycapty将alt或title文本设置为标题,但是它没有正确显示(请参阅)


有人对如何实现这一点有任何提示或建议吗?

将以下类添加到CSS文件中。那一定会把整个事情搞定的

.capty包装{display:inline block;}

问题是
是内联元素。 Capty使用
s进行标题渲染,这是一个块元素,会弄乱图库的布局

上面的CSS使capty的包含div成为一个内联元素

还考虑Billy Moat的评论和使用
$('.caption').capty()

将标题添加到您的图像元素中,因为ID应该是唯一的。

查看Capty插件页面上的代码示例和您页面上的代码,它们完全不同。此外,您在该页面上有多个具有相同ID的图像。ID是唯一的。用一门课来代替。谢谢你,Samyam,它做得很好。但我还有一个问题。。。我的意思是,我知道滑块是为悬停而设计的,移动设备没有悬停功能,但我可以通过在屏幕上拖动使其向左或向右滑动吗?有很多支持触摸的图库,你可以查看。TouchGallery是我知道的一个jquery插件。但不同的库具有不同的功能集。因此,寻找一个适合你的要求。