Fancybox iframe标题链接

Question

我遇到问题。我有一个页面http://www.hmaloha.com/bionutrient.php，当点击播放按钮时，一个视频在fancybox iframe上播放，而一个徽标位于视频加载时的顶部。现在我需要添加一个链接到该标志。我一直在试图改变fancybox的代码，但没有运气。任何帮助？

$(document).ready(function(){ 
      $('#malohaStory').click(function(){ 
       $.fancybox({ 
        overlayOpacity: 1, 
        overlayColor: '#bbb', 
        padding : 0, 
        autoScale : false, 
        transitionIn : 'none', 
        transitionOut : 'none', 
        titleShow : true, 
        titlePosition : 'float', // 'float', 'outside', 'inside' or 'over' 
        titleFormat : function(){ 
         return ' '; 
        }, 
        type: 'iframe', 
        href: 'http://hmaloha.com/js/flowplayer/video/index.html', 
        height: 545, 
        width: 920, 
        swf : { 
         wmode : 'transparent', 
         allowfullscreen : 'true' 
        } 
       }); 
       return false; 
      }); 


     }); 

Answer 1

在您$.fancybox()电话，包括beforeLoad方法如下图所示，改变了我的例子连接你url：

beforeLoad: function() { 
    this.title = '<a href="http://www.example.com/link.html">' + this.title + '</a>'; 
} 

因此，最终的代码（如果你珍惜你拥有的高于一切，虽然我不知道你的titleFormat功能在做什么）看起来像这样：

$(document).ready(function(){ 
     $('#malohaStory').click(function(){ 
      $.fancybox({ 
       overlayOpacity: 1, 
       overlayColor: '#bbb', 
       padding : 0, 
       autoScale : false, 
       transitionIn : 'none', 
       transitionOut : 'none', 
       titleShow : true, 
       titlePosition : 'float', // 'float', 'outside', 'inside' or 'over' 
       titleFormat : function(){ 
        return ' '; 
       }, 
       type: 'iframe', 
       href: 'http://hmaloha.com/js/flowplayer/video/index.html', 
       height: 545, 
       width: 920, 
       swf : { 
        wmode : 'transparent', 
        allowfullscreen : 'true' 
       } 
       beforeLoad: function() { 
        this.title = '<a href="http://www.example.com/link.html">' + this.title + '</a>'; 
       } 
      }); 
      return false; 
     }); 


    });