Merhaba dostlar, müşterime site demosu hazırlıyorum.
Müşterimin isteği sayfa açılırken fırça darbeleri gelmesi ve daha sonra sayfanın açılması şeklinde. Şuan sitede var olan preloader düz renklerin döndüğü bir preloader. Bunu müşterimin istediği şekle gif ekleyerek getirebileceğimi düşündüm, ekip arkadaşıma gifi yaptırıcam ancak bunu hangi kodlarla ekleyebilirim? veya nasıl bir yöntemle dediğim preloader ekleyebiliriz?
Yardımcı olabilecek arkadaşlarımdan PM veya yorum bekliyorum.
Html siteye Preloader Ekleme
6
●273
- 16-12-2020, 10:45:24Hocam bende kod bağlantılarını inceledim ancak preloader kodlama ile yapılmış image ile değil.enisyavuz adlı üyeden alıntı: mesajı görüntüle
- 16-12-2020, 10:47:56Bu bağlantıya gidin orada birden çok loader mevcut tıklayın birinin üzerine hem html hem css kodları mevcut. oradaki kodlarda değişiklikler yaparak istediğinizi ekleyebilirsiniz.
https://codepen.io/search/pens/?page=1&q=loader - 16-12-2020, 10:48:11Merhaba,
How to add a .gif pre-loader to your website. | by Nishan Chathuranga Wickramarathna | Medium
İyi çalışmalar. - 16-12-2020, 10:52:11Bunu css'in içine koy
#loader{ position: fixed; width: 100%; height: 100vh; background: #21242d url('BURAYAGIFADRESIN') no-repeat center; z-index: 999; }<body>'nin içine şu şekilde en üste
<body> <div id="loader"></div>
ve son olarak body bitmeden <script> olarak:
<script> var preloader = document.getElementById('loader'); function preLoaderHandler(){ preloader.style.display = 'none'; } </script>
