Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.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
制作一个类似Dopper.com项目的HTML垂直img滑块_Html_Css_Wagtail - Fatal编程技术网

制作一个类似Dopper.com项目的HTML垂直img滑块

制作一个类似Dopper.com项目的HTML垂直img滑块,html,css,wagtail,Html,Css,Wagtail,我正在尝试为我的wagtail网站制作一个滑块。 我想要的外观有点像幻灯片上的项目 我现在试着复制它,并在它工作后进行更改。 我现在所拥有的: html {self.imgs%中img的%s} {%image img.img width-500作为tmp_photo%} {%endfor%} CSS: 绿色{ 保证金:0; 填充:0; 边界:0; 字体大小:100%; 垂直对齐:基线; } #_3YOMKHBXGSJWAB0PVTFB{ 位置:相对位置; 显示器:flex; 弯曲方向:立柱

我正在尝试为我的wagtail网站制作一个滑块。 我想要的外观有点像幻灯片上的项目 我现在试着复制它,并在它工作后进行更改。 我现在所拥有的:

html


{self.imgs%中img的%s}
{%image img.img width-500作为tmp_photo%}
{%endfor%}
CSS:

绿色{ 保证金:0; 填充:0; 边界:0; 字体大小:100%; 垂直对齐:基线; } #_3YOMKHBXGSJWAB0PVTFB{ 位置:相对位置; 显示器:flex; 弯曲方向:立柱; } #ZqeD7GpvyYA2hpsM2zSgE{ 宽度:430%; } 我只是不能得到并排的图像和之后的动画。互联网上已经有这样的东西了吗?它在谷歌上搜索了很多次,但什么也没找到