[英]Converting slider arrows to dot slider
I'm trying to figure out how to change the arrows on a slider to dots at the bottom. 我试图弄清楚如何将滑块上的箭头更改为底部的点。 Here's the current code for the arrows:
这是箭头的当前代码:
<div class="home-slide-arrows">
<div class="home-slide-prev"><div class="inner"></div></div>
<div class="home-slide-next"><div class="inner"></div></div>
</div>
Website is scenesongs.com -- it is the second slider. 网站是scenesongs.com-这是第二个滑块。
You use this image for arrows: https://scenesongsuploads.s3.amazonaws.com/wp-content/themes/SceneSongs/library/images/arrows.png 您将此图像用于箭头: https : //scenesongsuploads.s3.amazonaws.com/wp-content/themes/SceneSongs/library/images/arrows.png
So you can make a new image containing dots at the same positions and replace existing file arrows.png
with the new one. 因此,您可以制作一个在相同位置包含点的新图像,并用新图像替换现有文件
arrows.png
。
.home-slide-arrows .home-slide-prev.home-slide-next etc... .home-slide-arrows .home-slide-prev.home-slide-next等...
Are all using this image: 是否都使用此图像:
https://scenesongsuploads.s3.amazonaws.com/wp-content/themes/SceneSongs/library/images/arrows.png https://scenesongsuploads.s3.amazonaws.com/wp-content/themes/SceneSongs/library/images/arrows.png
Change it to whatever you want it to be. 将其更改为您想要的任何内容。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.