Click here to Skip to main content
15,039,149 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">
                                      <figure>
                                         <img :src="slide.src">
                                      </figure>
                                   </slide>
 
                              </carousel-3d>
</div>


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 /jsfiddle.net/f5u1dx7w/
Site tempesv0.beget.tech
Posted

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