Ich wollte ein grundlegendes Schiebekarussell zu meiner Website hinzufügen und nach langem Suchen finden Eulenkarussell. Ich habe alles gemäß Anweisungen befolgt, aber egal was ich tue, es funktioniert nicht. Unten ist der vollständige Code:
<html>
<head>
<title>Carousel</title>
<link rel="stylesheet" href="owl/owl.carousel.js">
<link rel="stylesheet" href="owl/owl.theme.default.css">
<link rel="stylesheet" href="owl/owl.animate.css">
</head>
<body>
<div class="owl-carousel">
<div class="item"><h4>1</h4></div>
<div class="item"><h4>2</h4></div>
<div class="item"><h4>3</h4></div>
<div class="item"><h4>4</h4></div>
<div class="item"><h4>5</h4></div>
<div class="item"><h4>6</h4></div>
<div class="item"><h4>7</h4></div>
<div class="item"><h4>8</h4></div>
<div class="item"><h4>9</h4></div>
<div class="item"><h4>10</h4></div>
<div class="item"><h4>11</h4></div>
<div class="item"><h4>12</h4></div>
</div>
<script src="js/jquery-2.2.2.min.js"></script>
<script src="owl/owl.carousel.js"></script>
<script>
$(document).ready(function(){
$(".owl-carousel").owlCarousel(
loop:true,
margin:10,
nav:true,
responsive:{
0:{
items:1
},
600:{
items:3
},
1000:{
items:5
}
}
}));
});
</script>
</body>
BEARBEITEN: Die Ausgabe an den Browser besteht nur aus einer Reihe von Zahlen und nicht aus einem horizontalen Karussell.
Ich bin sicher, dass alle erforderlichen CSS- und Javascript-Dateien vorhanden sind. Bitte lösen Sie dieses Problem.
Antworten:
0 für die Antwort № 1Sie schließen einen } mehr, dass Sie öffnen. Versuchen Sie dies zu ändern:
1000:{
items:5
}
}
}));
});
</script>
Zu diesem:
1000:{
items:5
}
}));
});
</script>
Oder fügen Sie in der function({...});
Ich hoffe es hilft!