1

私はまったく無知ですが、ここにある多くの優れた回答を使用して、Fancybox v2.1.0 を機能させることができました。ここで、タイトルの位置を「内側」に変更したいと思います。これには、次のようなさまざまなコードがあります。

    $(".fancybox").fancybox({
helpers : {
    title: {
        type: 'inside'
    }
}

});

しかし、それをどこに置くべきかわかりません-jquery.fancybox.jsファイルを編集しますか? もしそうなら、どこですか？182 行目で、タイトルの種類を変更するだけであることがわかりますが、それはうまくいかないようです。

これを突き止めた後、開閉を「弾性」に変更したいので、そこの助けもいただければ幸いです。オンラインにサンプル ページはありませんが、これはサムネイルの基本ページであり、クリックすると 1 つの大きな画像が開きます。

事前に感謝します-これについて初心者で申し訳ありません-以前はLightboxを使用していましたが、Fancyboxは私が必要とするものにより適しているようです.

編集（コメントからコードを移動）ここに私が持っているものがあります：

<script type="text/javascript" src="ajax.googleapis.com/ajax/libs/jquery/1.8.1/... 
<link rel="stylesheet" href="lib/jquery.fancybox.css" type="text/css" media="screen" /> <script type="text/javascript" src="lib/jquery.fancybox.pack.js"></script> 
<script type="text/javascript"> 
 $(document).ready(function() { 
  $(".fancybox").fancybox(); 
 }); 
</script>
4

1 に答える 1

1

元のjsファイルをいじる必要はありません.htmlドキュメントにfancyboxをロードするだけです（ここに何を含めるかを参照してください）

次に、<head>html ドキュメントのセクション内に、このスクリプトを含めます (上記の手順に従って jQuery および fancybox js ファイルをロードした後)。

<script type="text/javascript">
 $(document).ready(function(){
  $(".fancybox").fancybox({
    openEffect  : 'elastic',
    closeEffect : 'elastic',
    helpers     : {
        title: {
            type: 'inside'
        }
    }
  });​
 });
</script>
于 2012-09-15T07:03:24.947 に答える