New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

#

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Jump to bottom

added check for img visibility #15

Open

kevcenteno wants to merge 1 commit into tubalmartin:master from kevcenteno:master

+5 −1

kevcenteno commented Nov 4, 2013

Here's a sketch in jQuery for checking visibility.

Use case: The image is in a div that is toggled (ie click to show image).

<a id="toggle">toggle</a>
<div id="hidden-img" style="display: none">
  <img class="lazyload" data-src="some-image.jpg" />
</div>

<script>
var lazy = new Riloadr(
  name: 'lazyload',
  defer: {mode: 'invisible'},
  breakpoints: [{name: 'all', minWidth: 0}]
);

$('#toggle').click(function (e) {
  $('#hidden-img').toggle();
  lazy.riload();
}
</script>


          added check for img visibility

697c94c

Author

kevcenteno commented Dec 5, 2013

@tubalmartin Does this look reasonable?

# for free to join this conversation on GitHub. Already have an account? # to comment

Labels

None yet