by Anonymous » 25 Aug 2025, 06:07
Ich möchte das Hintergrundbild in meine Navigation von Owl Carousel als Nächstes und die Vorschaltfläche laden. Aber wenn nicht, wird nichts angezeigt. Hier ist das CSS: < /p>
Code: Select all
.owl-carousel .owl-nav .owl-next {
width: 50px;
height: 50px;
position: absolute;
top: 40%;
right: 40px;
display: block!IMPORTANT;
border:0px solid black;
background: url('rightarrow.png') no-repeat;
}
.owl-carousel .owl-nav .owl-next:hover {
background: url('rightarrowhover.png') no-repeat;
}
< /code>
Und hier die Owl -Installation (jQuery): < /p>
$(document).ready(function(){
$('.owl-carousel').owlCarousel({
loop:true,
center: true,
lazyLoad: true,
nav: true,
navText: ['',''],
autoplay: true,
autoplayHoverPause: true,
responsive:{
0:{
items:1
},
600:{
items:1
},
1000:{
items:1
}
}
});
});
[url=viewtopic.php?t=14917]Ich möchte[/url] das Hintergrundbild in meine Navigation von Owl Carousel als Nächstes und die Vorschaltfläche laden. Aber wenn nicht, wird nichts angezeigt. Hier ist das CSS: < /p>
[code].owl-carousel .owl-nav .owl-next {
width: 50px;
height: 50px;
position: absolute;
top: 40%;
right: 40px;
display: block!IMPORTANT;
border:0px solid black;
background: url('rightarrow.png') no-repeat;
}
.owl-carousel .owl-nav .owl-next:hover {
background: url('rightarrowhover.png') no-repeat;
}
< /code>
Und hier die Owl -Installation (jQuery): < /p>
$(document).ready(function(){
$('.owl-carousel').owlCarousel({
loop:true,
center: true,
lazyLoad: true,
nav: true,
navText: ['',''],
autoplay: true,
autoplayHoverPause: true,
responsive:{
0:{
items:1
},
600:{
items:1
},
1000:{
items:1
}
}
});
});
[/code]