0

解決方法がわからなくなってしまった問題があります。私のプログラムでは、ユーザーが画像をクリックすると、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>

ご覧のとおり、特定の位置にあるブロックリンクのファンシーボックス画像ポップアップを作成しました。ポップアップファンシーボックス画像内に指定された幅/高さおよび位置でリンクを作成するにはどうすればよいですか？

これは私が使用しているツール/ライブラリです。誰かが混乱している場合に備えて：http： //fancybox.net/

ありがとう！

4

1 に答える 1

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/の6番目の例に見られるように、オーバーレイタイトルに表示されます。

于 2012-05-29T16:54:30.550 に答える