Показать сообщение отдельно
  #12 (permalink)  
Старый 10.04.2014, 14:32
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

Прелоад картинок на jquery
paveltkachev,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
$(function () {
       var arr_src = ['http://www.anypics.ru/pic/201302/1366x768/anypics.ru-59453.jpg',
           'http://www.wall-papers.ru/main.php?g2_view=core.DownloadItem&g2_itemId=38417&g2_serialNumber=3',
           'http://w7t.ru/zooms/7da1/7/6168262b44.jpg',
           'http://imgs.mi9.com/uploads/cartoon/4834/disney-cartoon-wallpaper_1366x768_88837.jpg',
           'http://biskvitka.net/uploads/posts/2011-05/thumbs/1306582219_12.jpg'
       ];

       function preloadImages(src, callback) {
           var len = src.length;
           $.each(src, function () {
               $("<img/>", {
                   "src": this,
                   "css": {
                       "width": 180,
                       "height": 120
                   },
                   "load": function () {
                       $(this).appendTo('body');//для теста
                       len--;
                       !len && callback && callback()
                   }
               })
           });
       };

       preloadImages(arr_src, function () {
           alert('complete')
       })
   })
  </script>
</head>

<body>
</body>

</html>
Ответить с цитированием