将超大幻灯片与 OpenCarter 一起使用时出现 SSL 问题

Question

我在OpenCart中使用了超大尺寸幻灯片。 但是当使用SSL时，请不要在超大幻灯片中更改HTTPS图像路径。

您可以在代码下方看到超大尺寸幻灯片。

如何解决？请帮助我。谢谢

<script type="text/javascript">
            jQuery(function($){
                $.supersized({
                    // Functionality
                    slide_interval          :   5000, // Length between transitions
                    transition              :   1,          // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
                    transition_speed        :   750,        // Speed of transition
                    // Components                           
                    slide_links             :   'blank',    // Individual links for each slide (Options: false, 'num', 'name', 'blank')
                    slides                  :   [           // Slideshow Images
<?php $i = count($banners); foreach ($banners as $banner) { ?>
<?php if ($banner['link']) { ?>
{image : '<?php echo $banner['image']; ?>', title : '<?php echo $banner['title']; ?>', thumb : '<?php echo $banner['image']; ?>', url : '<?php echo $banner['link']; ?>'} <?php if($i>1){ echo ","; }?>
<?php } else { ?>
{image : '<?php echo $banner['image']; ?>', title : '<?php echo $banner['title']; ?>', thumb : '<?php echo $banner['image']; ?>'}<?php if($i>1){ echo ","; }?>
<?php } ?>
    <?php $i--; } ?>    
            ]
                });
            });
        </script>

Answer 1

通常，

当您将后端的图像设置为绝对路径时，就会发生这种情况，例如 http://www.example.com/image/data/banner1.jpg

如果您可以侥幸逃脱，请将其设置为 /image/data/banner1.jpg 甚至//www.example.com/image/data/banner1.jpg