image - 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" >'
});