I am using the Vue Carousel 3D plugin to create a gallery, but I am facing the problem that I cannot change the navigation arrows. Standard arrows can be replaced using html special characters
<a href=""></a><a href=""></a><a href=""></a><div id="example"> <carousel-3d :controls-visible="true" :controls-visible="true" :controls-prev-html="'←'" :controls-next-html="'→'" :controls-width="40" :controls-height="40" :clickable="true" :perspective="200" :display="7" :space="25"> <slide v-for="(slide, i) in slides" :index="i"> <figure> <img :src="slide.src"> </figure> </slide> </carousel-3d> </div>
But I want to replace them with symbols with Font Awesome. That is, in fact, you need to write down, for example, in controls-prev-html and controls-next-html, but how to do this correctly so that it is displayed in the browser, I did not understand
Code /jsfiddle.net/f5u1dx7w/ Site tempesv0.beget.tech
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)