Javascript Question - Printable Version

Javascript Question - Printable Version

+- CodeIgniter Forums (https://forum.codeigniter.com)
+-- Forum: Using CodeIgniter (https://forum.codeigniter.com/forum-5.html)
+--- Forum: General Help (https://forum.codeigniter.com/forum-24.html)
+--- Thread: Javascript Question (/thread-65539.html)

Javascript Question - wolfgang1983 - 06-24-2016

I thought I would post this question on here but not much to do with CI

I have a img which I am using holder.js

Code:
<div class="header-wrapper ">

<img id="image" data-src="holder.js/100px380?theme=social" class="img-responsive">

</div>

I need to get the height of the img on my javascript but all ways return 0

Code:
<script>

$(document).ready(function(){

  var height = $(".header-wrapper img").height();

  alert($(".header-wrapper img").height());

  if ($(document).scrollTop() > height) { 

    $(".navbar-fixed-top").css("background-color", "#f8f8f8"); 

  } else {

    $(".navbar-fixed-top").css("background-color", "#EEEEEE");

  }

});

</script>

Any ideas and examples?

RE: Javascript Question - ivantcholakov - 06-24-2016

I think, before measuring the height the image has to be loaded first for sure. This does not happen on document.ready event. See https://github.com/desandro/imagesloaded