【问题标题】:Preload fancybox image预加载 fancybox 图像
【发布时间】:2017-05-21 12:19:37
【问题描述】:

目前使用fancybox 3.1

这是我的网站。 http://www.noor-azmi.com/element/projects.html

如何让图片加载更快?一旦用户在页面中而不是当用户单击缩略图时,我如何使图像加载

目前正在自动播放

<script>

                        $('[data-fancybox="project1"]').fancybox({
                        slideShow : {
                        autoStart : true,
                        preload: '40',
                                     },

                            });

                    $('[data-fancybox="project2"]').fancybox({
                        slideShow : {
                        autoStart : true
                                     },

                            });

                    $('[data-fancybox="project3"]').fancybox({
                        slideShow : {
                        autoStart : true
                                     },

                            });

                    $('[data-fancybox="project4"]').fancybox({
                        slideShow : {
                        autoStart : true
                                     },

                            });

                    $('[data-fancybox="project5"]').fancybox({
                        slideShow : {
                        autoStart : true
                                     },

                            });

                    $('[data-fancybox="project6"]').fancybox({
                        slideShow : {
                        autoStart : true
                                     },

                            });

                    $('[data-fancybox="project7"]').fancybox({
                        slideShow : {
                        autoStart : true
                                     },

                            });

                    $('[data-fancybox="project8"]').fancybox({
                        slideShow : {
                        autoStart : true
                                     },

                            });

                    $('[data-fancybox="project9"]').fancybox({
                        slideShow : {
                        autoStart : true
                                     },

                            });

                    </script> 

非常感谢!

【问题讨论】:

  • 只需谷歌“在 javascript 中预加载图像”
  • 嗨,贾尼斯。我使用的是 3.1,自动播放在除 safari 之外的所有浏览器中都很好。在 Safari 中,它只会自动播放到第二张图片,然后停止

标签: fancybox-3


【解决方案1】:

对于回访者,您可以设置:“Cache-Control: max-age=31536000”(即一年)。 Mozilla Developer Network on cache control

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多