1

我正在尝试将(1)图像切换菜单(滚动菜单上的项目,让图像显示在页面上的其他位置)与(2)标题滚动(滚动图像,将标题扩展到显示更长的文本)。

字幕翻转是可爱的 jCapSlide 脚本,这是它的一个工作示例:

http://steph-morris.com/jCapSlide.html

(来自http://tympanus.net/codrops/2009/11/23/jcapslide-a-jquery-image-caption-plugin/的原始插件)

这是图像切换菜单完全无法显示字幕的示例,无论是否处于翻转状态:

http://steph-morris.com/novel_test.html

如果我将其从“ic_container”DIV 中删除并将其移动到“overlay”DIV 中,则此拼凑的早期版本设法使标题显示。可悲的是,我不能再复制它了。这就是我喜欢破解其他人的脚本的原因,我越是修补它,我就越能设法打破它!

将不胜感激任何指导,从“将两个脚本拼凑在一起 101”指南到一个方便的解决方案,以使其工作。

4

1 回答 1

0

你的javascript大部分都很好,实际上问题出在你的css上。我去掉了一些样式,现在第一个样式可以正常工作。您将不得不对样式进行一些调整,才能以您想要的方式获得它。至于第二个没有显示问题的是,由于某种原因,当 showcaption 选项设置为 true 时,javascript 出现问题。使其工作的一种解决方法是手动将 'ic_caption' div 设置为style="display:block;". 我不知道为什么它不起作用,但现在这样做会使它在一开始就显示标题。

我在这里设置了一个工作示例:http: //jsfiddle.net/dbMGg/1/

于 2011-08-30T01:34:36.287 回答