Paradox
3 سال پیش توسط Paradox مطرح شد
8 پاسخ

حذف عکس در حالت دارک مود

سلام من میخام وقتی روی دکمه دارک مود کلیک کردم یک سری تصویر حذف بشه
این کدها نوشتم

    function imgChang() {
        document.getElementById('pic1').style.display = 'none' ;
        document.getElementById('pic2').style.display = 'none' ;
        document.getElementById('pic3').style.display = 'none' ;
        document.getElementById('pic4').style.display = 'none' ;
        document.getElementById('pic5').style.display = 'none' ;
        document.getElementById('pic6').style.display = 'none' ;
        document.getElementById('pic7').style.display = 'none' ;
    }

وقتی روی دکمه کلیک میکنم فقط یک لحظه عکس ها حذف میشه و با اسکرول صفحه عکس هل نمایش میدن
چیکار کنم برای این مشکل ؟


ثبت پرسش جدید
Sina
@sinayas1 3 سال پیش مطرح شد
0

@wxyz
سلام این کد هارو امتحان کنید ببینید حل میشه ؟

document.getElementById('pic1').style.visibility='visible';

یا به این شکل :

document.getElementById('pic1').className = "opacityofimage";

بعد یه css به این شکل تعریف کنید:

.opacityofimage {
    opacity:0;
display:none;
}

یه نگاهی هم به این لینک بندازید بد نیست :
اینجا

اگه اوکی نشد احتمالا یه کانفیلیکت با بقیه کدهاتون وجود داره....


علیرضا کفایتی
تخصص : برنامه نویس laravel, vue.js
@alirezakefayati 3 سال پیش مطرح شد
0

سلام
!important بهش اگه درست نشده باید یک فکر دیگه کرد ...


Paradox
تخصص : در حال یادگیری
@paradox 3 سال پیش مطرح شد
0

@gomnam
تست کردم اینم جواب نداده بود


Saman
تخصص : برنامه نویس وب
@samanzdev 3 سال پیش مطرح شد
0

سلام
از query selector استفاده‌ کنید.
اگه حل نشد از تب console یه عکس بگیرید، بفرستید.
@wxyz


Paradox
تخصص : در حال یادگیری
@paradox 3 سال پیش مطرح شد
0

@samanzdev
کوئری سلکتور نمیدونم بلد نیستم


Saman
تخصص : برنامه نویس وب
@samanzdev 3 سال پیش مطرح شد
0

سلام
یه نگاهی به این لینک بیندازید.
https://www.w3schools.com/jsref/met_document_queryselector.asp
@wxyz


Paradox
تخصص : در حال یادگیری
@paradox 3 سال پیش مطرح شد
0

@samanzdev
ممنون به جواب نرسیدم فرق با حالت قبل نداره
تو کنسول این ارور هست
ارور

از این بخش از کد ارور میگیره


    function bodyScrollAnimation() {
        AOS.init({
        // disable: function() {
        //   var maxWidth = 769;
        //   return window.innerWidth < maxWidth;
        // }
        once: true,
        duration: 800,
      });
    }
    bodyScrollAnimation();

Paradox
تخصص : در حال یادگیری
@paradox 3 سال پیش مطرح شد
0

دوستان کسی میتونه راهنمایی کنه؟


Sina
@sinayas1 3 سال پیش مطرح شد
0

@wxyz
سلام این کد هارو امتحان کنید ببینید حل میشه ؟

document.getElementById('pic1').style.visibility='visible';

یا به این شکل :

document.getElementById('pic1').className = "opacityofimage";

بعد یه css به این شکل تعریف کنید:

.opacityofimage {
    opacity:0;
display:none;
}

یه نگاهی هم به این لینک بندازید بد نیست :
اینجا

اگه اوکی نشد احتمالا یه کانفیلیکت با بقیه کدهاتون وجود داره....


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

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