j1989m

کسی با ایونت های کاروسل کار کرده؟

6 پست در این موضوع قرار دارد

سلام 

یه اسلایدر ریسپانسیو و تاچ میخوام که عناصر داخل هریک از اسلایدها با انیمیشن ظاهر و ناپدید بشن 
(شبیه اسلایدر این سایت : https://payment24.ir/ ولی خب این تاچ نیست و با بوت استرپه) 

ببینید مثلا اسلایدر زیر رو با owl carousel ساختم و میخوام با نمایش اسلایدها title و description با انیمیشن دلخواه خودم نمایش و ناپدید بشن: 

https://codepen.io/j1989mah/pen/VzoOmY 


با رویدادهای owl carousel میشه اینکارو کرد؟ کسی با ایونت های کاروسل کار کرده؟ 
https:/owlcarousel2.github.ioOwlCarousel2docs/api-events.html 

0

به اشتراک گذاری این پست


لینک به پست

سلام و درود

 

در 31 دقیقه قبل، j1989m گفته است :

با رویدادهای owl carousel میشه اینکارو کرد؟ کسی با ایونت های کاروسل کار کرده؟ 

https://codepen.io/anon/pen/XEKWXy

 

موفق باشید

1

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

در 43 دقیقه قبل، mehran-b گفته است :

سلام و درود

 

https://codepen.io/anon/pen/XEKWXy

 

موفق باشید

سلام و ممنون

اما مشکلی که هست اینه که وقتی توی اسلاید اول title یا description رو اضافه میکنم، انیمیشن نداره (یعنی بار اول که صفحه لود میشه انیمیشن نداره)

ویرایش شده در توسط j1989m
0

به اشتراک گذاری این پست


لینک به پست
در 47 دقیقه قبل، j1989m گفته است :

سلام و ممنون

اما مشکلی که هست اینه که وقتی توی اسلاید اول title یا description رو اضافه میکنم، انیمیشن نداره (یعنی بار اول که صفحه لود میشه انیمیشن نداره)

مجدد توجه کنید به کدها.

https://codepen.io/anon/pen/XEKWXy

1

به اشتراک گذاری این پست


لینک به پست
در 25 دقیقه قبل، j1989m گفته است :

ممنونم

خواهش میکنم.

موفق باشید

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط unid_user
      سلام و دورود
      دوستان گرامی من یه اسلایدر با جی کوئری نوشتم ولی نمی تونم برای وردپرس داینامکش کنم. از پست تایپ استفاده کردم ولی اونطور که باید جواب نمیده. لطفا اگه ممکنه راهنمایی کنید.
      سپاس
       
      کد html
      <section id="section-5"> <h3 class="text-center">محصولات</h3> <div id="gallery"> <div class="row"> <div class="col-3"> <div class="image"> <img src="images/img1.jpg" alt=""> </div> </div> <div class="col-3"> <div class="image"> <img src="images/img2.jpg" alt=""> </div> </div> <div class="col-3"> <div class="image"> <img src="images/img3.jpg" alt=""> </div> </div> <div class="col-3"> <div class="image"> <img src="images/img4.jpg" alt=""> </div> </div> </div> <div class="row"> <div class="col-3"> <div class="image"> <img src="images/img5.jpg" alt=""> </div> </div> <div class="col-3"> <div class="image"> <img src="images/img6.jpg" alt=""> </div> </div> <div class="col-3"> <div class="image"> <img src="images/img7.jpg" alt=""> </div> </div> <div class="col-3"> <div class="image"> <img src="images/img8.jpg" alt=""> </div> </div> </div> </div> <a class="text-center buy-butt" href="#">مشاهده تمام محصولات</a> <div id="bigimage"> <div id="close"></div> <a href="#"><img src="" alt=""></a> <div id="next"></div> <div id="prev"></div> </div> </section>  
    • توسط unid_user
      سلام و دورود
      دوستان من یه اسلایدر ساختم که متاسفانه بخش جی کوئری و کدهای جاوا اسکریپت کار نمیکنه!؟
      ممنون
      کد جاوا اسکریپت:
      $(document).ready(function(){ $("a:nth-child(1)").css("background-color","white"); $("#circle1").click(function(){ $("#slider").animate({'left':'5%'},500); $("#data").fadeIn(700); $("#data2,#data3,#data4").fadeOut(500); $(".line").animate({'left':'60%'}); $("a:nth-child(1)").css("background-color","white"); $("a:nth-child(2),a:nth-child(3),a:nth-child(4)").css("background-color","black"); }); $("#circle2").click(function(){ $("#slider").animate({'left':'-30%'},500); $("#data2").fadeIn(700); $("#data,#data3,#data4").fadeOut(500); $(".line").animate({'left':'25%'}); $("a:nth-child(2)").css("background-color","white"); $("a:nth-child(1),a:nth-child(3),a:nth-child(4)").css("background-color","black"); }); $("#circle3").click(function(){ $("#slider").animate({'left':'-190%'},500); $("#data3").fadeIn(700); $("#data,#data2,#data4").fadeOut(500); $(".line").animate({'left':'55%'}); $("a:nth-child(3)").css("background-color","white"); $("a:nth-child(1),a:nth-child(2),a:nth-child(4)").css("background-color","black"); }); $("#circle4").click(function(){ $("#slider").animate({'left':'-240%'},500); $("#data4").fadeIn(700); $("#data,#data2,#data3").fadeOut(500); $(".line").animate({'left':'25%'}); $("a:nth-child(4)").css("background-color","white"); $("a:nth-child(1),a:nth-child(2),a:nth-child(3)").css("background-color","black"); }); });  
      site_4.zip
    • توسط pouria7777
      سلام خسته نباشید
      میخواستم ببینم اگر بخوام این مجموعه عکس بالا رو توی موبایل به همین صورت و ترتیب نشون بدم چیکار باید بکنم؟ یعنی سایزشون کوچیک بشه به جای این که به هم ریخته بشن و از حالت خطی در بیان.

    • توسط MK2
      با سلام
      در  اسلایدر revslider
      با خطای Revolution Slider Error: The param navigaion_type not found in slider params.
      مواجه شدیم. ممنون میشم راهنمایی کنید.
      تشکر
    • توسط unid_user
      سلام و درود
      دوستان گرامی، من می خوام کدی رو معرفی بفرمایید که وقتی روی تصویر شاخص در یک پست کلیک میکنم تصویر در سایز بزرگ به صورته آنچه که در سایت زیر مشاهده می فرمایید به نمایش در بیاد.
      سپاس و تشکر.
      نمونه سایتی که گفتم.