水平滚动像Netflix上的图像 [英] horizontal scrolling Images like on Netflix

查看:96
本文介绍了水平滚动像Netflix上的图像的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在尝试创建一个具有视频内容的网站,并且我希望像netflix一样在主页上水平选择封面图片.

i'm trying to create a website with video content and i want to have a horizontal selection of cover pictures on the main page, like netflix does.

这意味着许多图片会散布在整个屏幕尺寸上,并会通过鼠标悬停在屏幕左右两侧的箭头进行滚动.

Which means lots of pictures which spread over the screen size and will scroll via mouseover arrows on the right / left side of the screen.

屏幕截图:

http://cdn3-i.hitc-s.com/180/netflix_redesign_70590.jpg

有人知道如何创建它吗? 我正在使用Dreamweaver和Muse,具有一些基本的html和css技能,使用了一些jquery代码,但是我还不太确定.

Does anyone know how to create that? I'm using Dreamweaver and Muse, got some basic html and css skills, used a bit of jquery code, but i'm not quite firm with it yet.

再见,罗伯特

推荐答案

如果您没有太多经验,那么我建议您使用

If you do not have much experience then I would recommend you use a plugin such as Owl Carousel.

它可以完成几乎所有您想做的事情.

It can do pretty much everything that you want out of the box.

还有很多其他选择,但是该选项确实具有触摸支持,并且响应速度很快,因此效果很好.

There are plenty of other options out there but this one does have touch support and is responsive as well so it's pretty good.

博客帖子列出了其中的很多内容(包括猫头鹰轮播). 您可能还会得到其他用户推荐的许多其他内容.

This blog post lists out lots of them (including Owl Carousel). You will probably get lots of others recommended by other users too.

您什么时候有空,我也建议您尝试编写自己的轮播.似乎有很多选择似乎是在浪费时间,但这确实是增强html,css和javascript的好方法.

When do you do have time I would also recommend trying to write your own carousel. It may seem like a waste of time with so many options out there but it really is a good way of enhancing your html, css and javascript.

轮播是我最喜欢的示例项目,可以帮助培训初级开发人员.

Carousels are of my favourite example projects to help train junior developers at work.

这篇关于水平滚动像Netflix上的图像的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆