Javascript 如何使用backstretch将alt标记添加到图像幻灯片中?
我正在尝试使用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=
<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'); });