首页 > 解决方案 > 找到一种将 bxslide 和 ligfhtgallery 等来源复制到图像幻灯片的方法

问题描述

我是在韩国工作的第一年网络出版商。我使用翻译器,所以如果写作的上下文没有自然连接,请理解。我有一个正在进行的项目,我正在寻找一种方法来复制图像幻灯片上的 bxslide 和 ligfhtgallery 等来源。您想以将图像导入脚本的形式使用图像幻灯片我有什么办法吗?

<div id="expl_slide">            

            <!-- A jQuery plugin that adds cross-browser mouse wheel support. (Optional) -->
            <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js"></script>
            
            <script src="/js/lightgallery.min.js"></script>
            <script src="https://cdn.jsdelivr.net/picturefill/2.3.1/picturefill.min.js"></script>
            <script src="/js/lightgallery-all.min.js"></script>
            <!-- lightgallery plugins -->
            <script src="/js/lg-thumbnail.min.js"></script>
            <script src="/js/lg-fullscreen.min.js"></script>
            <script type="text/javascript">
                $(document).ready(function(){
                    $('#lightgallery').lightGallery();                      
                    $('#m_lightgallery').lightGallery();
                });
            </script>

            <script>
                @foreach ($images as $data)
                img_array.push({'big':'/file/property/{{ $data -> idx }}_{{ $data -> image_idx }}_big.jpg','small':'/file/property/{{ $data -> idx }}_{{ $data -> image_idx }}_thumb.jpg','text':''});
                @endforeach
                //var wh = $('#expl_slide').width() - 676;
                image_frame_setting('expl_slide',1135,5);
                $(window).resize( function(){
                    if ($(window).width() < 1920) {
                        var wh = $('#expl_slide').width() - 676;
                        image_frame_setting('expl_slide',wh,5);
                    }
                });                                     
            </script>
        </div>

标签: javascripthtmljquery

解决方案


推荐阅读