2

ファンシーボックスヘルパーを実行できません。具体的には、別のスクリプトで右クリックなしボタンを実行できません。つまり、ファンシーボックスにいいえを表示させることができません。画像の。スクリプトはこのように実行されます。

    <script type="text/javascript">
        $(document).ready(function() {
    $('.fancybox').fancybox({
      prevEffect : 'fade',
      nextEffect : 'fade',
      afterLoad : function() {
       this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length +          (this.title ? ' - ' + this.title : '');
      },
      helpers: {
       title: {
        type: 'inside'
       },
       thumbs: {
        width   : 50,
        height  : 50
          }
      }
     });
    });
    $(".fancybox")
        .attr('rel', 'images')
        .fancybox({
        beforeShow: function () {
            /* Disable right click */
            $.fancybox.wrap.bind("contextmenu", function (e) {
                    return false; 
            });
        }
    });    
</script>

このスクリプトを実行すると、いいえ。の画像が表示され、右クリックが機能しません。お知らせ下さい。

4

1 に答える 1

0

Ready 関数内にコードを配置すると、右クリックを無効にできることがわかりました

   $(document).ready(function () {
      $('.fancybox-thumbs').fancybox({
            prevEffect: 'none',
            nextEffect: 'none',

            closeBtn: true,
            arrows: false,
            nextClick: true,

            padding: 10,

            beforeShow: function () {
                 /* Disable right click */
                 $.fancybox.wrap.bind("contextmenu", function (e) {
                 return false;
                 });
                },

                afterLoad: function () {
                  var alt = this.element.find('img').attr('alt');

                  this.inner.find('img').attr('alt', alt);

                  this.title = alt;
                },

            helpers: {
                title: {
                    type: 'inside'
                },
                thumbs: {
                    width: 50,
                    height: 50
                }

            }
        });

    });
于 2014-06-04T22:55:32.690 に答える