Test
Lazyload For Jimdo
Quelle: https://luis-almeida.github.io/unveil/ | https://github.com/luis-almeida/unveil/
howtodo
Put this code into the head-section of your website:
<style type="text/css">
/*<![CDATA[*/
.cc-m-gallery-container img{
opacity: 0;
transition: opacity 0.25s ease-in;
}
/*]]>*/
</style>
<script src="https://jquery.unveil.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
//jQuery.noConflict();
//(function($) {
$(document).ready(function(){
$('.cc-m-gallery-container img').each(function() {
$(this).attr('data-src', this.src);
//this.src = '';
$(this).removeAttr("src");
});
$("img").unveil(0, function() {
$(this).load(function() {
this.style.opacity = 1;
});
});
});
//})(jQuery);
//]]>
</script>
or use this one:
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$('.cc-m-gallery-container img').each(function() {
$(this).attr('data-src', this.src);
this.src = 'https://placeholder.png';
});
$("img").unveil(10, function() {
$(this).load(function() {
this.style.opacity = 1;
});
});
});
//]]>
</script>
Replace https://jquery.unveil.js and https://placeholder-image.png use the path of the download-files on your website
