Fotorama - 将光标更改为箭头，上一页和下一页的自定义图像

Question

我正在尝试通过CSS将光标更改为“上一个”和“下一个”箭头的自定义图像，但没有任何运气。 我希望光标在左侧悬停时变为左箭头，在悬停在骑行侧时变为右箭头。 当我在样式表中添加它时，似乎有些东西会覆盖我的CSS。

.leftarrow:hover {cursor: url(leftarrow.png), auto;}
.rightarrow:hover {cursor: url(rightarrow.png), auto;}

这可以通过CSS做到，还是我需要一些JS呢？ 感谢

Answer 1

为什么选择CSS？ 你可以在插件选项中更改它;）

$('#fotorama').fotorama({
 arrowPrev: '<img src="/path-to-image/Previous.png" width="30" height="30" >',
 arrowNext: '<img src="/path-to-image/Next.png" width="30" height="30" >'
});