okanizm yazmış:
Bazen js en sonda yani body kapanış etiketinin üstünde değil head etiketleri arasında çalışır. Bunun nedeni genel olarak ilk önce içeriğin yüklenmesi ardından en son js dosyasının yüklenmesi, js en son yüklenince bazen sorun yaratabiliyor. Site optimizasyon araçları ise en alta yani body kapanıs etiketinin üstüne eklemenizi öneriyor. Ancak sizin alta yerlestirdiginizde calismayan kodunuz demekki ilk önce yüklenmesi gereken bir kod ki yukarida calisiyor diyebiliriz.
Kod: <!--slider-->
<div class="slider" style="overflow:hidden;">
<ul class="bxslider">
<li><a href=""><img src="http://resim1.jpg" alt="" title="Başlık 1" /></a></li>
<li><a href=""><img src="http://resim2.jpg" alt="" title="Başlık 2" /></a></li>
<li><a href=""><img src="http://iresim3.jpg" alt="" title="Başlık 3" /></a></li>
</ul>
</div>
<!--slider-->
Normalde üst üste geliyorlar, bu Javascript kodunu
sadece sayfanın en altına koyunca ok tuşları çıkıyor ve slayt gösterisi olarak dönebiliyor, tasarımın üstüne koyunca olmuyor
Kod: <script src="/jquery.flexslider-min.js"></script>
<script type="text/javascript" src="/jquery-min.js"></script>
<script type="text/javascript" src="/jquery.bxslider.js"></script>
<script>
$('.bxslider').bxSlider({
mode: 'fade',
captions: true
});
</script>
<script>
Modernizr.load({
test: Modernizr.placeholder,
nope: 'js/placeholder.min.js'
});
</script>
