1

こんにちは、stackoverflow コミュニティです。私は lightGallery プラグインを使用していますが、アンカー タグの外部の種類のボタンで実行する際に問題があります。何が間違っていたのか、または正しく動作させるための他の方法を提案してもらえますか。

HTML

<a href="fullscreen">Enter full screen view</a>

<div class="owl-carousel" id="selector1">
    <div class="item" data-src="img/1.jpg" name="fullscreen"><img src="img/1.jpg">
</div>

JavaScript

$(document).ready(function() {
    $("#lightgallery").lightGallery(); 
});

$('#selector1').lightGallery({
    selector: '.item'
});

lightGallery プラグイン: http://sachinchoolur.github.io/lightGallery/docs/#installation

4

1 に答える 1

1

問題が発生する可能性がある/発生する可能性のあるいくつかの事柄を以下に示します。

  • 属性はそのhrefようには機能しません。リンクをクリックすると、別の Web サイトが開きます。代わりに、リンクがクリックされたときにフルスクリーン モードを有効にするために、JavaScript を実行する必要があります。
  • 開始<div>タグは 2 つありますが、終了タグは 1 つだけです。また、<img>タグを閉じる必要があります。
  • おそらく、投稿されたすべてのJavaScriptを$(document).ready(function() {});関数に入れたいと思うでしょう
  • id の要素はありませんlightgallery。
  • data-src属性についてはわかりません。

これにより、ほとんどの問題が解決されますが、フルスクリーン機能は有効になりません。

html

<div class="owl-carousel" id="lightgallery">
    <div class="item" data-src="img/1.jpg">
        <img src="img/1.jpg" />
    </div>
</div>

JavaScript

$(document).ready(function() {
    $('#lightgallery').lightGallery({
        selector: '.item'
    });
});
于 2015-09-18T22:58:02.123 に答える