javascript 按钮单击打开图库灯箱

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 按钮单击打开图库灯箱相关的知识,希望对你有一定的参考价值。

jQuery(function() {
    
  var galleryid = '#my-hidden-gallery' //Gallery ID
  var buttonid  = '#my-open-gallery' //Button ID
    
  if( jQuery( 'body.fl-builder-edit' ).length < 1 )
   {
        jQuery( galleryid )
        .css('position', 'absolute')
        .css('left', '-99999px')
    }


    jQuery( buttonid ).on('click', function( e ){
        e.preventDefault()
        jQuery( galleryid + ' img' ).first().trigger('click')
    })
})

以上是关于javascript 按钮单击打开图库灯箱的主要内容,如果未能解决你的问题,请参考以下文章

单击按钮打开贝宝数字流灯箱

如何使用 JSONP 将外部 HTML 页面加载到灯箱中?

使用 Javascript 智能按钮灯箱的 PayPal 访客订阅未关闭

php 添加Woocommerce 3图库/灯箱/缩放支持。在functions.php中包括以下内容

php 添加Woocommerce 3图库/灯箱/缩放支持。在functions.php中包括以下内容

Android : 将图库功能与相机捕捉相结合