محمد
1 سال پیش توسط محمد مطرح شد
4 پاسخ

اضافه کردن owl carousel

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


ثبت پرسش جدید
vahid1379
تخصص : wp developer
@vahid1379 1 سال پیش مطرح شد
رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 1 سال پیش مطرح شد
0

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

<link rel="stylesheet" href="owlcarousel/owl.carousel.min.css">
<link rel="stylesheet" href="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
تخصص : فول استک
@javadkarimii 1 سال پیش مطرح شد
0

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

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

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


محمد حسینی
@lu1362 1 سال پیش مطرح شد
0

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


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

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