Click here to Skip to main content
15,665,718 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
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">
                                         <img :src="slide.src">

What I have tried:

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 /

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900