Question

我已经在我们的网站上成功实施了一年多的jssor滑块（并且喜欢它！）。昨天（2015年9月3日），我的Chrome浏览器已更新，我们网站上的滑块现在无法正常运行。（使用IE和Firefox仍然可以正常工作。）图像显示简短，然后空格变为空白，然后在转换时再次显示，然后空白。我使用滑块图像作为链接，在图像未显示时不起作用。

我在以下问题找到了类似的情况：Jssor slider does not display slides in Chrome - 但推荐的解决方案（将样式：位置代码从绝对代码更改为相对代码）已在我的代码中正确完成。

我不确定它是否可能是CSS或javascript问题。还有其他人看到过这个问题吗？

Answer 1

将jssor滑块更新为当前版本（19.0）有助于解决我在Chrome更新到45版时发生的问题。希望同样适用于您。

Answer 2

当我将代码添加到图片代码时，它仍然无法正常工作。但当我把它添加到＆＃39; a＆＃39;标签（我链接幻灯片），然后它工作。试试看。有关我的网站，请访问www.cyedc.org。

<a href="/pdf/pink-october-and-open-house.pdf" target="_blank" u="image" style="position: relative;">
<img src="/images/slider-image-pink-october.jpg" /></a>

Answer 3

该错误似乎与硬件加速有关。简单的解决方案是在你的jssor选项中设置以下选项（默认为true，因此可能不存在）

$ HWA：false，

jssor的作者说他将在v20中删除HWA

Answer 4

尝试在'a'标记

中添加图像标记中的相同样式

<a style="position: absolute; top: 0px; left: 0px; width: 600px;" href="nov-izgled-na-avto-magazin.nspx">
...
<img u="image" src="content/images/2015/08 avgust/www.avtomagazin.com.mk +.png" style="position: absolute; top: 12px; left: 348px; width: 600px;" />
 </a>

在某些情况下添加代码样式=“position：absolute;”在图像和'a'标签中都足够了

Answer 5

或者只是从'a'标记中删除u =“image”代码

Answer 6

我解决了这个问题。

标签是主要问题。你可以把代码 onclick = window.open（＆＃34; /＆＃34;，＆＃34; _self＆＃34; 代替

我的网站现在运作良好

Answer 7

通过将jssor.slider.mini.js文件替换为最新文件解决了此问题。只需download最新的

Answer 8

解决方案：下载完整包.. 在demos-jquery文件夹中，选择并获取与您相同的横幅代码。

替换新代码以匹配旧配置值。

$FillMode: 2, ...
$AutoPlay: true, ...
$AutoPlayInterval: 4000, ...
$PauseOnHover: 1, ...
$ArrowKeyNavigation: true, ....

现在替换IMG网址

<img u="image" src="../img/1920/red.jpg" /> ... TO YOUR URL IMAGES

如果不负责任，请将可回复的代码替换为此代码。

//responsive code begin
        //you can remove responsive code if you don't want the slider scales while window resizes
        function ScaleSlider() {
            var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
            if (parentWidth)
                jssor_slider1.$SetScaleWidth(parentWidth);          //parentWidth
            else
                window.setTimeout(ScaleSlider, 30);
        }

        //Scale slider immediately
        ScaleSlider();

        if (!navigator.userAgent.match(/(iPhone|iPod|iPad|BlackBerry|IEMobile)/)) {
            $(window).bind('resize', ScaleSlider);
        }
        //responsive code end

这就是全部要查看其工作内容：http://www.iscarly.com

jssor滑块图像无法在Chrome浏览器中正确显示

8 个答案: