Arkadaşlar merhaba,
Site açılırken yükleme ekranında hareketli gif nasıl koyabiliriz. Ziyaretciler sitenin yüklenişini değil de o gifi görse ilk başta bu sizce nasıl karşılanır. Böyle bir şey yapmak için hangi kodu nereye eklemeliyiz.
Yükleme ekranına gif koyma |
5 Mesajlar | 1.024 Okunma | ||
- Üyelik 26.08.2016
- Yaş/Cinsiyet 28 / E
- Meslek İş Geliştirme Uzmanı
- Konum Ankara
- Ad Soyad S** C**
- Mesajlar 1318
- Beğeniler 101 / 251
- Ticaret 24, (%100)
- Üyelik 10.11.2013
- Yaş/Cinsiyet 27 / E
- Meslek Front-End Developer
- Konum Adana
- Ad Soyad S** D**
- Mesajlar 1345
- Beğeniler 234 / 472
- Ticaret 12, (%100)
function onReady(callback) {
var intervalID = window.setInterval(checkReady, 1000);
function checkReady() {
if (document.getElementsByTagName('body')[0] !== undefined) {
window.clearInterval(intervalID);
callback.call(this);
}
}
}
function show(id, value) {
document.getElementById(id).style.display = value ? 'block' : 'none';
}
onReady(function () {
show('page', true);
show('loading', false);
});
#page {
display: none;
}
#loading {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 100;
width: 100vw;
height: 100vh;
background-color: rgba(192, 192, 192, 0.5);
background-image: url("http://i.stack.imgur.com/MnyxU.gif");
background-repeat: no-repeat;
background-position: center;
}
Kaynak: https://stackoverflow.com/questions/25253391/javascript-loading-screen-while-page-loads
sefacandemir.com.tr
- Üyelik 26.08.2016
- Yaş/Cinsiyet 28 / E
- Meslek İş Geliştirme Uzmanı
- Konum Ankara
- Ad Soyad S** C**
- Mesajlar 1318
- Beğeniler 101 / 251
- Ticaret 24, (%100)
Nereye eklenecek bunlar? SefaCanDemir
- Üyelik 10.11.2013
- Yaş/Cinsiyet 27 / E
- Meslek Front-End Developer
- Konum Adana
- Ad Soyad S** D**
- Mesajlar 1345
- Beğeniler 234 / 472
- Ticaret 12, (%100)
Javascript kodlarını özel script dosyanız var ise onun sonuna yok ise footera script etiketi ile ekleyin. (Jquery den sonra ekleyin.)
Diğer arkadaşlar ise Css kodları. Css dosyanızın sonuna iliştirin. Ve belirtilen id lere göre Html dosyanızda güncelleme yapın.
Tüm sayfanızı kapsayan bir elemente Css de kullanılan page id sini tanımlayın.
Ve şeklinde bir elementi de Html sayfanızın her hangi bir yerine ekleyin.
Diğer arkadaşlar ise Css kodları. Css dosyanızın sonuna iliştirin. Ve belirtilen id lere göre Html dosyanızda güncelleme yapın.
Tüm sayfanızı kapsayan bir elemente Css de kullanılan page id sini tanımlayın.
Ve şeklinde bir elementi de Html sayfanızın her hangi bir yerine ekleyin.
sefacandemir.com.tr
- Üyelik 26.08.2016
- Yaş/Cinsiyet 28 / E
- Meslek İş Geliştirme Uzmanı
- Konum Ankara
- Ad Soyad S** C**
- Mesajlar 1318
- Beğeniler 101 / 251
- Ticaret 24, (%100)
Cevap için teşekkürler hocam.
SefaCanDemir
SefaCanDemir
Konuyu toplam 2 kişi okuyor. (0 kullanıcı ve 2 misafir)