问题标签 [caption]

我在这里有一个无限轮播功能应用于一系列图像：http: //nokkam.com/showcase.html 我有一个要求让字幕看起来“不妨碍图像”……呃。由于脚本创建的 textholder div 基于图像的高度，因此我尝试更改其位置的方法失败了（我假设它基于高度数学而失败，不确定）。我在 firebug 中找到了 textholder 并试图给它一个“bottom:-80px”值但无济于事。它似乎消失在其他一些元素后面。它似乎仍然存在，只是不可见。然后我认为我可能是阻止它可见的“幻灯片容器”元素，所以我相当大幅度地调整了它的高度以发现它仍然不可见。我的问题是：是否可以以某种方式修改脚本或其变量的某些方面以在实际幻灯片下方生成文本保持器？任何帮助，一如既往，非常感谢。

脚本的相关部分

HTML

昨天，我有一个客户要求我从我在这里实现的无限轮播上的图像空间中删除标题：http ://www.nokkam.com/showcase.html并且由于堆栈溢出，我能够做到这一点.

现在，我被要求让字幕动画模仿图像的动画（从左到右，而不是从底部向上动画。是否值得修改这个脚本或者我应该放弃它并尝试找到一个更合适的我被要求的内容。我搜索了很多轮播插件，但似乎找不到以这种方式制作动画的插件。任何帮助或想法总是非常感谢。

我尝试设置相同的页面并使用“left”而不是“margin bottom”来修改脚本中我认为正确的属性来控制动画，但现在整个 textholder 已经消失了。我真的在这里摇摆不定。我在脚本中找到了我认为控制动画的部分，并猜测是什么让它们起作用……这失败了。

以前的脚本

我编辑的脚本（盲目地更改了一些变量并使其变得更糟）

// 动画框外的文本框 $('#textholder'+randID).animate({left:(-imgWidth-(correctTHWidth * 2))+'px'},500);

进步！！！
因此，通过编辑以下内容，我至少能够完成将文本框设置为框架之外的动画！现在我只需要弄清楚如何将新的文本框动画化到框架中……如果您有任何进一步的了解，请提供帮助。

另一个进度更新
通过更多的盲目摸索（反复试验），我已经设法让动画至少朝着正确的方向移动！我现在遇到了文本栏从左侧进入并以相同方向返回动画的问题......这是我在这里的最后一个障碍。如果有人对哪些事情可能引发这种情况有任何贡献的话，我仍然会非常感激。
混乱正在以下链接中进行。提前致谢。

因此，在更改了动画属性并完全摆脱了“showminmax”功能之后……我仍然有一个无法正常运行的动画。我知道这不是一个非常令人兴奋的问题，但我真的很新鲜，开始掉头发。感谢大家。

我的新的，甚至（稍微）更多功能的例子可以在这里看到： http ://www.nokkam.com/showcase2.html

我正在尝试制作一些滑动字幕，例如Mosaic，但更轻。在所有主流浏览器中一切看起来都很好（即使在 ie8 中看起来很慢），但在 ie7 中什么也没有发生。我正在使用ieTester进行测试，但我不知道错误是来自软件还是来自我的代码。我相信你会有一些技巧来帮助我改进它！

不管怎么说，还是要谢谢你。

HTML：

CSS：

JS：

我正在尝试将（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”指南到一个方便的解决方案，以使其工作。

我有一些带标题的图片。图片以网站为中心，标题应显示在图片下方。到目前为止非常简单，但问题是：标题应该左对齐并从图像的左下角开始（就像在报纸上一样）

我可以想到一个带有表格的解决方案，但我不喜欢它，因为表格在这里显示表格数据而不是图像和图像标题

表解决方案：

所以每次我发布一张照片我都会写一个标题，但在我的 Tumblr 网站上没有人可以看到它

我需要什么代码才能有可见的字幕？

I've been wondering. Using Vaadin, is there a way to specify where the caption of a component should appear in regards to the component main object (eg. Select, TextField, etc..).

I'm trying to get the caption of a Select to be displayed in front of the Select object. By default the caption is displayed on top of the object.

It would be neat if I could specify where the caption should be displayed and without having to add a Label and the Select component into a HorizontalLayout to get it the way I want.

Anyone have any suggestions? =)

我有一个非常基本的问题，我无法解决（可能是因为这里是凌晨 5 点）。它可以简化为以下内容：

HTML：

JS：

使用 CSS，我使用 z-index 属性和绝对定位将标题放置在图像顶部。问题是标题一旦悬停就会消失，然后如果鼠标仍在移动，则会再次出现，从而导致闪烁的烦恼。

显然，这并不意味着发生。基本上，当标题本身悬停时，不应调用 mouseover 事件。任何人有修复？

我有一张桌子，上面有一个标题。

我需要另一个标题出现在表格的底部。怎么可能？

我尝试在附加图像中实现布局但未成功。当使用表格设置的 IE 中断应用 div 时，如果在标题超过一行时元素浮动，则布局再次中断。任何建议将不胜感激。！

布局图：

这是CSS

HTML