fancybox为youtube自定义标题不能正常合并

我正在一个图库部分有照片&视频部分。fancybox为youtube自定义标题不能正常合并

我一切都好，照片库&它工作正常。例如：照片库网址http://tinyurl.com/bsqd5lp

在照片库中我使用'titleFromAlt': true,通过标题使用alt标记。 alt标签有自定义标题示例2012-07-02 Department of Tourism

我想为视频厨房做同样的事情，但我无法使用'titleFromAlt': true,来实现此目的。我做这件事的方式不好，因为它显示标题时，将鼠标悬停在图像上作为HTML代码。示例：视频库网址http://tinyurl.com/bsdq694

其他问题我与此有关的视频的标题居于中心。我试图改变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; 
    }); 
});

来源

2012-07-09 Learning

在第一个示例（照片库）中，您已将'title'属性的内容移至'alt'属性，请在此执行相同操作。 – JFK 2012-07-09 16:57:32

''padding'：0， 'autoScale'：false， 'transitionIn'：'none'， 'transitionOut'：'none'， //'title'：this。标题， 'titlePosition'： '过'， 'titleFromAlt'：真实， '宽度'：680， '高度'：495， 'href' 属性：this.href.replace（新的RegExp（“\\观看'''，'v'）， 'type'：'swf'， 'swf'：{'wmode'：'transparent'，'allowfullscreen'：'true'}'If i这样做，然后标题不会显示移动悬停，但它也不会出现弹出视频 – Learning 2012-07-10 04:35:53

的一件事是，您的影片使用的是通过.click()手工的方法，而不是通过.fancybox()

绑定的fancybox的选择。在这种情况下的常规方式 - 使用.click() - 该titleFromAlt选项将无法工作，但是您仍然可以使用常规的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; 
    }); 
});

...假设你有在img标签的alt属性。

对不起，混乱和所有的评论来回。

来源

2012-07-10 06:58:17 JFK

绝对的美...这做了伎俩，并感谢明确的文件。我见过其他类似的例子，但大多数缺乏适当的例子或明确的文件。 – Learning 2012-07-10 07:40:25

从看你的代码，我可以看到文本，它出现在span标签，似乎还有title属性中。尝试使用文本删除该属性，并且不会显示标题文本。

关于第二个问题：
从CSS类.fancybox-title-float，删除属性“的位置是：绝对的;”，和从ID #fancybox-title-float-left，删除了“填充”属性。应用这些更改后，文本将与左侧对齐。我们都忽略

来源

2012-07-09 14:07:35 utsikko

@ukai，我能够解决第二部分与您的指导。但第一部分仍然是我已经从图像标签中删除了'alt'，但它仍然显示鼠标悬停的标题并从弹出窗口中删除标题。我希望这是你想说的。我想隐藏鼠标悬停的标题并在弹出窗口中只显示 – Learning 2012-07-10 04:51:07

@KnowledgeSeeker：您必须删除'title'属性，而不是'alt'属性（并将'title'的内容移动到'alt'） ...您已经在其他帖子/问题上使用了您的照片。请参阅http://stackoverflow.com/a/11390942/1055987 – JFK 2012-07-10 05:08:58

@JFK，我遵循您的建议与这种方法我没有得到任何移动，但这也从视频下方显示的弹出视频中删除标题。我不确定我需要对我使用的you-tube的jQuery代码进行哪些更改。我更新问题的代码也 – Learning 2012-07-10 05:20:14

fancybox为youtube自定义标题不能正常合并

回答

相关问题