Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/399.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用backstretch将alt标记添加到图像幻灯片中?_Javascript_Jquery_Jquery Backstretch - Fatal编程技术网

Javascript 如何使用backstretch将alt标记添加到图像幻灯片中?

Javascript 如何使用backstretch将alt标记添加到图像幻灯片中?,javascript,jquery,jquery-backstretch,Javascript,Jquery,Jquery Backstretch,我正在尝试使用backstretch将alt标记添加到图像幻灯片中,但下面的代码不起作用 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <script src=

我正在尝试使用backstretch将alt标记添加到图像幻灯片中,但下面的代码不起作用

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="js/min/jquery.backstretch-min.js"></script> 
<script>
    $.backstretch([
     { url: "img/hero/hero11.jpg", alt: "Some alt text" }, 
     { url: "img/hero/hero10.jpg", alt: "Some alt text 2" },
    ],  {duration: 2000, fade: 750});
  });
});

</script>
它适用于第一张图像,但当幻灯片切换到下一张图像时,alt标记将消失,并且永远不会重新加载

reeljanie.com作为参考,主页幻灯片需要有alt标签


我对js非常陌生,谢谢你的帮助。

你不需要向jquery.backstretch-min.js添加任何内容,因为它支持
alt

您所需要的只是修复由于最后两行而出现语法错误的JS。
只需删除它们:

$.backstretch([
{url:“https://picsum.photos/400/230,alt:“某些alt文本”},
{url:“https://picsum.photos/400/230,alt:“某些alt文本2”},
],{持续时间:2000年,衰减时间:750})


您能分享一把小提琴吗?谢谢!但这对我不起作用。我想这可能与我的工作有关。加载src backstretch文件时,图像不会显示在右侧place@JasonLee,是的,您的
backstretch
版本已损坏。你必须下载原始版本。
 $(document).ready(function() { $('.backstretch img').attr('alt', 'this is a purple background image'); });