Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.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
Html 如何使幻灯片传送带上的最后一张图像自动将访问者带到另一个网页?_Html_Css_Carousel - Fatal编程技术网

Html 如何使幻灯片传送带上的最后一张图像自动将访问者带到另一个网页?

Html 如何使幻灯片传送带上的最后一张图像自动将访问者带到另一个网页?,html,css,carousel,Html,Css,Carousel,你好,我在我的网站上有一个图像幻灯片,我想把它设置成当它显示最后一张图像时,它会自动将访问者带到注册页面。我需要做些什么来设置这个 我在youtube上找到了一个用于幻灯片放映的模板,在youtube视频上他们称之为amp故事页面。我复制并粘贴了下面的代码 *{ 框大小:边框框; } amp故事*{ 字体系列:“Helvitica Nueve”,无衬线; 颜色:白色; } amp故事页{ 背景:白色; } amp故事h1{ 字体大小:46px; } amp故事h2{ 字体大小:36px; }

你好,我在我的网站上有一个图像幻灯片,我想把它设置成当它显示最后一张图像时,它会自动将访问者带到注册页面。我需要做些什么来设置这个

我在youtube上找到了一个用于幻灯片放映的模板,在youtube视频上他们称之为amp故事页面。我复制并粘贴了下面的代码

*{
框大小:边框框;
}
amp故事*{
字体系列:“Helvitica Nueve”,无衬线;
颜色:白色;
}
amp故事页{
背景:白色;
}
amp故事h1{
字体大小:46px;
}
amp故事h2{
字体大小:36px;
}
amp故事p{
字体大小:16px;
线高:24px;
}
.bold{
字体大小:粗体;
}
.底部{
对齐内容:结束;
}
.中等{
字号:600;
}
.首先{
填充顶部:65px;
}
.最后{
填充底部:65px;
}
蓝先生{
颜色:#4285F4;
}
.20像素{
字体大小:20px;
}
.中心{
文本对齐:居中;
}
.lh30{
线高:30px;
}
.图标{
背景图片:url(https://ampbyexample.com/img/AMP-Brand-White-Icon.svg);
背景重复:无重复;
背景尺寸:50px 50px;
高度:50px;
对象匹配:包含;
宽度:50px;
}
.署名{
字母间距:1.28px;
填充底部:58px;
}
.介绍*{
线高:42px;
}
.字幕页{
填充顶部:80px;
}
.按钮{
对齐项目:居中;
边框:4px实心#FFFFFF;
颜色:#FFFFFF;
显示器:flex;
高度:60px;
保证金:0自动;
最大宽度:240px;
文字装饰:无;
}
.按钮p{
字体大小:20px;
宽度:100%;
}
amp ad[template=“image template”]img,
amp ad[template=“视频模板”]{
对象匹配:覆盖;
}
::提示{
背景色:rgba(0,0,0,0.75);
字体大小:24px;
线高:1.5;
}

我确实找到了答案。基本上,您可以在javascript中查找Event.Listener。然后添加一个函数(如果不认为它是函数,请告诉我),下面是javascript代码的前后部分

以前

    this.element.addEventListener('ampstory:nonextpage', function () {
            Kk(a);
        });
之后


我会尝试使用
window.location.href=”的解决方案http://www.w3schools.com"; 显示在:您好,您需要向我们显示一段代码,您可以在其中感觉到这是最后一张图像。另外,在将用户带到另一个页面之前,请仔细考虑您希望最后一张图像显示多长时间。有关提问的更多帮助,请参阅[链接],以便获得最佳帮助。谢谢您的建议,我用一些代码更新了这篇文章。
    this.element.addEventListener('ampstory:nonextpage', function () {
            Kk(a);
        });