دوره زبان تخصصی برای برنامه‌نویسان (هدیه ویژه ثبت‌نام در دوره‌های متخصص) (فرصت محدود ⏰)
۰ ثانیه
۰ دقیقه
۰ ساعت
۱ دانشجوی سون‌لرن
وقتی که از opacity به جای left استفاده کردم دکمه چپ اولین عکس رو که محو میکنه دیگ عکس دیگه ای رو نمیاره
جامعه وردپرس (برنامه نویسی) ایجاد شده در ۲۴ دی ۱۴۰۳

این کدم هستش :

let j = jQuery.noConflict();

j(document).ready(function () {

  let slideCount = j('#slider ul li').length;

  let slideWidth = j('#slider ul li').width();

  let slideHeight = j('#slider ul li').height();

  let slideULWidth = slideCount * slideWidth;

  j('#slider').css({width : slideWidth , height : slideHeight});

  j('#slider ul').css({width: slideWidth});

 function moveRight() {

   j('#slider ul').animate({

     // left:-slideWidth

     opacity:0,

   },1000,function () {

     j('#slider ul li:last-child').prependTo('#slider ul');

     j('#slider ul').css('opaity', '1');

   });

 }

  j('a.control_next').click(function () {

  moveLeft();

});

  function moveLeft() {

    j('#slider ul').animate({

      // left:+slideWidth

      opacity:0,

    },function () {

      j('#slider ul li:first-child').appendTo('#slider ul');

      j('#slider ul ').css('opacity', '1');

    });

  }

  j('a.control_prev').click(function () {

    moveRight();

  });

});



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

سلام،

کد کاملتون رو قرار بدید. میتونید داخل codepen.io بذارید تا بصورت لایو بررسی شه

 

محسن موحد ۲۶ دی ۱۴۰۳، ۱۲:۰۱