结合jquery图像开关&翻转标题脚本

时间:2011-08-29 23:03:41

标签: jquery css rollover caption

我正在努力破解(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

这个cobbling-together的早期版本设法获取标题显示如果我从“ic_container”DIV中删除它并将其移动到“叠加”DIV中。可悲的是,我再也无法复制它了。这就是我喜欢黑客攻击其他人的剧本,就是我设法打破它的更多终结,我越是修补它!

非常感谢任何指导,从指向“拼凑两个脚本101”的指导指南到一个方便的解决方案,让它发挥作用。

1 个答案:

答案 0 :(得分:0)

你的javascript实际上很好,问题在于你的css。我删除了一些样式,它现在可以正常用于第一个样式。您将不得不随意使用这些样式以获得您想要的样式。至于没有显示问题的第二个是由于某种原因,当showcaption选项设置为true时,javascript出现问题。让它工作的一种解决方法是手动设置' ic_caption' div有style="display:block;"。我无法弄清楚它为什么不起作用,但现在这样做会让它在开头显示标题。

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