Question

我有一个问题，就是如何解决这个问题。在我的程序中，当用户单击图像时，fancybox脚本会运行，导致新图像显示为弹出窗口。但是，在该图像中，我希望能够放置链接。基本上我想在弹出图像中使用特定宽度和高度以及位置的链接块，在链接中创建链接。这甚至可以吗？

以下是一些代码：

<!--Using the fancybox functions -->
    <script type="text/javascript">
        $(document).ready(function(){
            $("#contentArea a").fancybox({
                'overlayShow'   : false,
                'transitionIn'  : 'elastic',
                'transitionOut' : 'elastic'

            });
            });
    </script>

这是HTML：

<div id="contentArea" role="main">
             <a href="../images/IRPA_two-navigation-books.png" title="Raj Sharma" style="width: 217px;height: 117px;position: absolute;display: block;top: 340px;left: 450px; background-image:url(../images/transparent.png)"></a>         
</div>

正如您所看到的，我为特定位置的块链接创建了一个fancybox图像弹出窗口。如何在弹出式花式框图像中创建具有指定宽度/高度和位置的链接？

这是我正在使用的工具/库，以防任何人感到困惑： http://fancybox.net/

谢谢！

Answer 1

您可以轻松完成此操作：

var html = "<!--- some html here to add to the fancybox -->";
$('#fancybox-title-over').html(html);
$('#fancybox-title-over').css('background-color' , 'transparent');

它将显示在覆盖标题中，如http://fancybox.net/

上的第六个示例所示

fancybox弹出窗口内的链接

1 个答案: