Jquery youtube自定义标题的Fancybox未正确提交

我在一个画廊工作，里面有照片和视频部分

我觉得照片库的一切都很好&它工作得很好。示例：照片库URL

在照片库中，我使用

'titleFromAlt'：true，

通过

alt

标记传递标题。alt标签有定制的标题示例

2012-07-02
旅游部

我想为视频厨房做同样的事情，但我无法使用

“titleFromAlt”：true，

。我这样做的方式并不好，因为当一个人将鼠标悬停在图像上时，它会以HTML代码的形式显示标题。示例：视频库URL

我的另一个问题是视频的标题。我试图更改CSS，以便标题左对齐

.fancybox-title-float {
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 32px;
    float:left;
}

由于某些原因，即使在显示图像后放置此代码，我也无法在一夜之间完成上述代码

感谢您的帮助

更新：

代码为你管视频

$(document).ready(function () {
    $(".youtube").click(function () {
        $.fancybox({
            'padding': 0,
            'autoScale': false,
            'transitionIn': 'none',
            'transitionOut': 'none',
            'title': this.title,
            'titleFromAlt': true,
            //'titlePosition': 'over',
            'width': 680,
            'height': 495,
            'href': this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
            'type': 'swf',
            'swf': { 'wmode': 'transparent', 'allowfullscreen': 'true' }
        });
        return false;
    });
});

---

通过查看代码，我可以看到显示在span标记中的文本也显示在title属性中。尝试将该属性与文本一起删除，标题文本将不会显示

关于第二个问题：

---

从CSS类

.fancybox title float

，删除属性“position:absolute；”，从id

#fancybox title float left

，删除“padding”属性。应用这些更改后，文本将向左对齐。

我们忽略的一点是，对于视频，您使用的是通过

手动方法。单击（）

，而不是通过

将fancybox绑定到选择器的常规方法。fancybox（）

在这种情况下-使用

.click（）

-

标题栏
选项将不起作用，但是您仍然可以使用常规jQuery表达式从
img
标记中存储的
alt
属性设置fancybox标题

所以试试这个脚本

$(document).ready(function () {
    $(".youtube").click(function () {
     // first, get the value from the alt attribute
        var newTitle = $(this).find("img").attr("alt"); // NEW
        $.fancybox({
            'padding': 0,
            'autoScale': false,
            'transitionIn': 'none',
            'transitionOut': 'none',
          //'title': this.title, // we will replace this line
            'title' : newTitle,  //<--- this will do the trick
          //'titleFromAlt': true,  // we don't need this anymore
          //'titlePosition': 'over', 
            'width': 680,
            'height': 495,
            'href': this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
            'type': 'swf',
            'swf': { 'wmode': 'transparent', 'allowfullscreen': 'true' }
        });
        return false;
    });
});

$（文档）.ready（函数（）{
$（“.youtube”）。单击（函数（）{
//首先，从alt属性中获取值
var newTitle=$（this.find（“img”）.attr（“alt”）；//新建
$.fancybox({
“填充”：0，
“自动缩放”：false，
“transitionIn”：“无”，
“transitionOut”：“无”，
//'title'：this.title，//我们将替换此行
“title”：newTitle，//在第一个示例中（照片库）您已将
title
属性的内容移动到
alt
属性，请在此处执行相同操作。
填充：0，“自动缩放”：false，“transitionIn”：“none”，“transitionOut”：“none”，“titlePosition”：“over”，“titleFromAlt”：true，“width”：680，“height”：495，“href”：this.href.replace（新RegExp（“watch\\？v=”，“i”），“v/”，“type”：“swf”，“swf”：{“wmode”：“transparent”，“allowfullscreen”：“true”}
如果我这样做，则标题不会在移动悬停时显示，但也不会在弹出窗口中显示video@ukai，我可以在你的指导下解决第二部分。但第一部分仍然是这样，我已经从图像标签中删除了
alt
，但它仍然在鼠标悬停时显示标题，并从弹出窗口中删除标题。我希望这就是我所做的你想说。我想在鼠标悬停时隐藏标题并在弹出窗口中显示only@KnowledgeSeeker：您必须删除
title
属性，而不是
alt
属性（并将
title
的内容移动到
alt
）…你已经在另一篇帖子/问题上用你的照片做到了。请看@JFK，我按照你的建议使用了这种方法。我没有得到任何进展，但这也会从视频下方先前显示的弹出视频中删除标题。我不确定我需要对我使用you tube的jQuery代码部分做什么更改。我有upda这个问题与代码有关also@KnowledgeSeeker您不需要更改jQuery上的任何内容，只需更改html中的
…您缺少
img
标记上的
alt
属性。@JKF，这正是我之前所做的，但由于某些原因它仍然不起作用。无论如何，我感谢所有人的回复，这是绝对的美。。。这就成功了&感谢您提供了清晰的文档。我见过其他类似的示例，但大多数示例都缺乏正确的示例或清晰的文档。