<a href="javascript:void(0);" onclick="sendto(' *4 '); return false;"><img src="smiles/4.gif" alt="4"></a>
function lazyLoad(){ var $images = $('.lazy_load'); $images.each(function(){ var $img = $(this), src = $img.attr('data-src'); $img .on('load',imgLoaded($img[0])) .attr('src',src); }); }; $(window).load(function(){ lazyLoad(); };
<head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <!-- jquery (не надо подключать по нескольку раз, если уже используется) --> <script src="https://raw.githubusercontent.com/tuupola/jquery_lazyload/master/jquery.lazyload.min.js"></script> <!-- сам плагин lazyload, после теста перенесешь к себе в чат --> <script> $(function() { $("#panel").click(function(){ // #panel - id, по клику на который открывается панель смайлов и начинается их загрузка $("img.lazy").lazyload({effect: 'fadeIn'}); }); }); </script> </head> <body> <button id="panel">Панель смайлов</button> <!-- так будет выглядеть смайл: в src - пустой gif 1x1, в data-original - адрес смайла, width & height заполнить для каждого смайла --> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-original="img/smiles/4.gif" alt="*4" class="lazy" width="N" height="N"> </body>
<script>document.write("<iframe allowtransparency='true' frameborder='no' name=sml src=index.php?inc=smile&table=1-50-0&frame=1&cat=fav&"+parent.yourkey+" style='position:relative; width:100%; height:8000px; overflow:hidden; border:0px;'></iframe>");</script>
FAQ 2.0 - вопросы и ответы (не флудить!)
90 •