问:我正在尝试使用平滑的图像创建一个简单的轮播,但无法正常工作。我有所有必要的文件。该html似乎也是正确的,但它仅显示图像。
答:<!DOCTYPE html>
< html >
<头> < meta charset = “ utf-8” /> <标题> My Now Amazing Web页面</标题> < link rel = “ stylesheet” type = “ text / css” href = “ slick.css“ /> <链接rel = ”样式表“ type = ”文本/ css“ href = ” slick-theme.css“ /> <样式>身体{
背景:royalblue ;
} 。滑块{宽度:600像素; 边距:20像素自动; text-align :center ; } h3 { padding :40 px 20 px ; 背景:白色; } 。滑块div { margin-right :5 px ; } </ style > </ head
>
< body > < div class = “ slider” > < div > < h3 >在此处插入图片</ h3 > </ div > < div > < h3 > 2 </ h3 > </ div > < div > < h3 > 3 </ h3 > </ div > < div > < h3 > 4 </ h3 > </ div > <
div > < h3 > 5 </ h3 > </ div >
< div > < h3 > 6 </ h3 > </ div > < div > < h3 > 7 </ h3 > </ div > < div > < h3 > 8 </ h3 > </ div > < div > < h3 > 9 </ h3 > </ div ></ div >
$ (文档)。准备好
(函数(){
$ ('.slider' )。光滑({点:真,无限:真,slidesToShow :3 ,slidesToScroll :3 }); }); </脚本> </正文> </ html >