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

Question

我正试图通过CSS将光标更改为"上一个"one_answers"下一个"箭头的自定义图像，但运气不佳。我希望光标在左侧悬停时变为左箭头，在游乐设施侧悬停时改为右箭头。当我将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" >'
});