قرار دادن Animation در داخل اسلایدر
یک سال پیش منتشر شده
تعداد بازدید: 369
کد پروژه: 397055
شرح پروژه
در این پروژه یک فایل انیمیشن داریم که autorun اجرا می شود. با توجه به اینکه این انیمیشن داخل اسلایدر قرار دارد لازم است زمان شروع آن با زمان تغییر اسلاید هماهنگ شود. لینک پروژه
https://webitto.ir/animation-inside-slider
از کد زیر برای اجرای انیمیشن استفاده می شود که البته درست کار نمی کند.
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.4/lottie.min.js"></script>
<script>
var count = 0;
var container = document.getElementById('code_block-13-6216');
var animData = {
container: container,
renderer: 'svg',
loop: true,
prerender: true,
autoplay: true,
autoloadSegments: true,
path: 'https://webitto.ir/wp-content/data.json' };
anim = bodymovin.loadAnimation(animData);
jQuery('#.oxygen-unslider-container').on('unslider.change', function(event, index, slide) {
if(jQuery("#slider-3-6216 .unslider-carousel > li").hasClass("unslider-active") === true) {
anim.goToAndPlay(0);
} else {
// do something else
}
});
</script>
مهارت ها و تخصص های مورد نیاز
بودجه
300,000 تومان تا 750,000 تومان
مهلت برای انجام
3روز
وضعیت مناقصه
انجام شده
درباره کارفرما
عضویت سه سال پیش
