راکت

اضافه کردن owl carousel

4 پاسخ

سلام ببخشید یه سوال داشتم.
چطور باید owl carousel را در صفحه وب اضافه کنیم.
صفحه min.cssوmin.jsوjgoueryو
کلاس تگ ها owl-carouselهستش نمی دونم چرا اجرا نمیشه.

ثبت پرسش جدید

پاسخ‌ها

4
vahid
vahid
@vahid1379

تخصص: توسعه دهنده وردپرس

رایموند
رایموند
@Raymond

تخصص: مختصص وردپرس - برنامه نویس لاراول

درود خوبی...
فراخوانی سی اس اس:

<link rel="stylesheet" href="https://roocket.ir/owlcarousel/owl.carousel.min.css">
<link rel="stylesheet" href="https://roocket.ir/owlcarousel/owl.theme.default.min.css">

فراخوانی جاوا اسکریپت و جی کوئری:

<script src="jquery.min.js"></script>
<script src="owlcarousel/owl.carousel.min.js"></script>

اچ تی ام ال:

<div class="owl-carousel">
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
</div>

فعال سازی:

<script>
$(document).ready(function(){
  $(".owl-carousel").owlCarousel();
});
</script>

شاید پاسخ شما همین‌جا باشد

Javad Karimi
Javad Karimi
@javadkarimii

تخصص: فول استک

احتمالا قبل از فراخوانی کتابخانه های لازم اسکریپت زیر را اجرا کردی

<script>
$(document).ready(function(){
  $(".owl-carousel").owlCarousel();
});
</script>

این اسکریپت باید بعد از فراخوانی کتابخانه ها باشه

محمد حسینی
محمد حسینی
@mehdihoseini1362

تخصص: یه ذره لاراول ، یه کمی سئو

ترتیب فراخوانی ها مهمه . اول جی کوئری فراخوانی بشه . بعد اسکریپت خودش و بعد هم او تیکه کد که اسلایدر رو صدا می کنه باید فراخوانی بشه . این ردیف رعایت نشه کار نمی کنه

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام