如何解决AMP中的动态setState
我有这样的放大器状态:
<amp-state id="smartBannerData">
<script type="application/json">
{
"0": {
"imgSrc": "https://cdn.voicetube.com/assets/img/banners/smartbanner-jp-20200116.jpg"
},"1": {
"imgSrc": "https://cdn.voicetube.com/assets/img/banners/smartbanner-branding-jp.jpg"
}
}
</script>
</amp-state>
<amp-img
alt=""
src="https://cdn.voicetube.com/assets/img/banners/smartbanner-jp-191205.png"
width="500"
height="100"
layout="responsive"
[src]="smartBannerData[currentImg].imgSrc"
>
</amp-img>
<button on="tap:AMP.setState({currentImg: '0'})">1</button>
<button on="tap:AMP.setState({currentImg: '1'})">2</button>
如果单击按钮,图像将动态更改。 我想在加载页面时随机更改imgSrc:
<amp-script script="smart-banner">
<p>
test
</p>
</amp-script>
<script id="smart-banner" type="text/plain" target="amp-script">
setTimeout(function(){ AMP.setState({currentImg: '1'}); },2000)
</script>
但是图像不会改变。.我是AMP的新手,有人可以帮助我解决问题吗?
解决方法
您可以尝试下一种方法吗?
<button on="tap:AMP.setState({currentImg: floor(random()*(100-0)+0) })"></button>
最大为100,最小为0。您可以根据需要更改此新旧邮件。
最好的问候, V。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。