我的问题有三个部分
第1部分：显示图像的动画图像标题（此部分按示例行http://jsfiddle.net/JBnbG/32/完成）
第2部分：以150x150维度的div显示youtube hqdefault.jpg缩略图图像的中心部分（此部分也作为示例中的第二行完成）
第3部分：我想整合第1部分和第1部分。第2部分介绍第3部分中的问题。问题是标题有效，但图像不在中心，如示例第二行所示。
示例位于http://jsfiddle.net/JBnbG/32/
我无法更改结构，否则它将无法正常工作标题部分
如果有人能帮助解决保持HTML结构完整的问题，我将不胜感激
答案 0 :(得分：1)
我想我的问题是，您是从动态加载示例html，还是只是图片？
如果html是你的，这是一个简单的样式调整。
我在jsfiddle 分叉，我想这就是你的意思。
不太确定样式发生了什么，但我设置了图像
id="ContentPlaceHolder1_rptVideos_imgVideo_1" style="height:auto; width:200px;margin-left:-25px;"
或另一种方式是：
left:-25px; position:relative;
btw，所有这些样式都应该在样式表中声明为一个类。
如果你动态加载html，我注释掉了实现相同功能的javascript。
根据您正在使用的内容，如果使用php，您可能希望获得一个自动裁剪为适当大小的脚本。 Timthumb.php是最值得注意的一个，虽然有一个安全问题永远不会完全防弹，尽管它非常稳固。
干杯！
答案 1 :(得分：0)
检查此工作代码：http://jsfiddle.net/surendraVsingh/JBnbG/39/
要在CSS中完成的更改：
.VideoContainer > span {
display: block;
}
.VideoContainer > span > img {
display: inline-block;
margin-left: -60px;
margin-top: -25px;
}