如何在HTML中制作图像滑块?

时间:2019-01-15 02:55:44

标签: html

This "image slider? thing. What is it called?

如果您访问myanimelist.net,则有一个非常漂亮且简单的图像滑块,单击它后,它将根据您单击的内容将您重定向到特定的动画详细信息页面。这个小部件叫什么,我在哪里可以学到创建这样的东西?

想创建网站但不知道如何启动的初学者程序员。

3 个答案:

答案 0 :(得分:1)

页面主要使用css。如果您真的是一个开始并且想学习的人,请尝试使用JQuery是一个带有“小部件”的Java框架,就像您称呼它们一样。

您需要的副本在这里:https://www.jqueryscript.net/demo/Fully-Responsive-Flexible-jQuery-Carousel-Plugin-slick/

答案 1 :(得分:1)

这是图像滑块或轮播滑块。您可以使用bootstrap 4旋转木马来简化设置。 Bootstrap非常易于学习,对于图像滑块,您无需学习Jquery。这是一个链接,可以帮助您制作回旋Bootstrap Carousel

如果您想使用直接代码,则可以检查此链接Jassor Image slider

答案 2 :(得分:0)

这称为Carousel or Slider。您应该只用HTMLCSS以及一点点JavaScript来创建它。我首先通过this link in W3C学习了如何构建一个。当我长大了并且经验丰富时,我不再为每个项目从头开始构建,而是开始使用Bootstrap Carousel。从here那里可以学到一个很好的资源。