Related Articles
<body> tagından sonda aşağıdaki kodu attık
<div class=”loader”></div>
Css Dosyamızın içine veya head tagları arasına aşağıdaki kodu atıyoruz
<style type=”text/css”>
.loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url(‘/images/page-loader.gif’) 50% 50% no-repeat rgb(249,249,249);
}
</style>
</head> tagından önde aşağıdaki konu ekliyoruz
<script src=”//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js”></script> <script type=”text/javascript”> $(window).load(function() { $(“.loader”).fadeOut(“slow”); }) </script>
Loading olarak bunu veya istediğimiz herhangi bir loading görselini images klasörüne atıyoruz.
