ÆäÖÐimgLoader.js¾ÍÊÇÇ°Ãæ½éÉÜͼƬ¼ÓÔØÆ÷µÄʵÏÖ£¬Ç°Èý¸öjs¶¼ÊÇΪ×îºóÒ»¸öswipe.js·þÎñµÄ£¬¸ÐÐËȤµÄ¿ÉÒÔ¼ÌÐøÎҵIJ©¿ÍÀûÓÃÂÖ²¥ÔÀí½áºÏhammer.jsʵÏÖ¼ò½àµÄ»¬ÆÁ¹¦ÄÜÁ˽âÏà¹ØÄÚÈÝ¡£²»¹ý»¬ÆÁ²»ÊDZ¾ÎĵÄÖص㣬²»Á˽âswipe.js²»»áÓ°ÏìÀí½â±¾ÎĵÄÄÚÈÝ~
2£©ËäÈ»ÎÒÔÚdemoÖÐÓõ½ÁË3ÕűȽϴóµÄͼƬ£¬µ«ÊÇÓÉÓÚÔÚ±¾µØ»·¾³£¬¼ÓÔØËٶȻ¹ÊǷdz£¿ì£¬ËùÒÔÒ»¿ªÊ¼µÄʱºò£¬ºÜÄÑ¿´µ½Ô¤¼ÓÔصÄЧ¹û£¬×îºóÖ»ÄÜÏë°ì·¨ÔÚÿ¸ö½ø¶È»Øµ÷֮ǰ×öÒ»ÏÂÑÓ³Ù£¬Õâ²Å¿ÉÒÔ¿´µ½Ç°ÃægifͼƬһ¿ªÊ¼µÄÄǸöloadingЧ¹û£¬ÊµÏÖ·½Ê½ÊÇ£º
callbacks = []; imgLoader(['img/page1.jpg', 'img/page2.jpg', 'img/page3.jpg'], function (percentage) { var i = callbacks.length; callbacks.push(function(){ setTimeout(function(){ var percentT = percentage * 100; $('#loader__info').html('Loading ' + (parseInt(percentT)) + '%'); $('#loader__progress')[0].style.width = percentT + '%'; if (percentage == 1) { setTimeout(function(){ $('#loader').remove(); Swipe.init(); }, 600); } callbacks[i + 1] && callbacks[i + 1](); },600); }); if(percentage == 1) { callbacks[0](); } });
ÔÚÕæʵ»·¾³£¬×îºÃ»¹ÊDz»Òª¿ÌÒâÈ¥¼ÓÕâÖÖÑÓ³Ù£¬Ã»±ØҪΪÁËÈÃÓû§¿´µ½Ò»¸öºÃ¿´ÓÐȤµÄ¼ÓÔØЧ¹û£¬¾ÍÀË·ÑËü²»±ØÒªµÄµÈ´ýʱ¼ä£¬ËùÒÔÕæʵ»·¾³»¹ÊÇÓ¦¸ÃÓÃÏÂÃæµÄ´úÂ룺
imgLoader(['img/page1.jpg', 'img/page2.jpg', 'img/page3.jpg'], function (percentage) { var percentT = percentage * 100; $('#loader__info').html('Loading ' + (parseInt(percentT)) + '%'); $('#loader__progress')[0].style.width = percentT + '%'; if (percentage == 1) { $('#loader').remove(); Swipe.init(); } });
3. ×¢ÒâÊÂÏîÔ¤¼ÓÔØÊÇÒ»ÖֱȽϳ£¼ûµÄʵÏÖЧ¹û£¬µ«ÊÇÔÚʹÓõÄʱºò£¬ÓÐЩÎÊÌâÐèҪעÒ⣺
1£©Ê²Ã´Ê±ºòÓÃ
Ò³Ãæ´óµÄʱºòÓã¬Ò»°ãÒ³Ãæ´óС³¬¹ý3M¾Í¸Ã¿¼ÂÇʹÓã»Ò³ÃæÄÚ°üº¬Êý¾ÝÁ¿±È½Ï´óµÄͼƬ£¬ÔÚÊÖ»ú¶Ë²âÊÔÄܹ»Ã÷ÏÔ¿´µ½¼ÓÔØ»ºÂýµÄʱºò£¬¿ÉÒÔ¿¼ÂÇʹÓá£
2£©¾¡Á¿Ê¹ÓÃspriteͼƬ
3£©¼ÓÔØЧ¹ûʵÏÖµÄʱºò£¬¾¡Á¿²»ÓÃͼƬ£¬¼´Ê¹ÒªÓÃÒ²Ó¦¸ÃÓúÜСµÄͼƬ£¬·ñÔò¼ÓÔØЧ¹û¿¨ÔÚÄǾÍûÓÐÒâÒåÁË¡£
4. ×ܽ᱾ÎÄÖ÷Òª½éÉÜÁËÒ»¸ö¼òµ¥µÄͼƬԤ¼ÓÔØÆ÷£¬¿ÉÓ¦ÓÃÓÚh5Òƶ¯Ò³ÃæµÄ¿ª·¢µ±ÖУ¬ÔÚËüµÄ˼·֮Ï£¬Èç¹ûÓбØÒªµÄ»°£¬»¹¿ÉÒÔ¶ÔËü½øÐÐһЩ¸ÄÔ죬ÓÃËüÀ´¼ÓÔØÆäËüÀàÐ͵Ä×ÊÔ´£¬±ÈÈçÒôƵ»òÕßÊÓƵÎļþ£¬±Ï¾¹ÕâЩÀàÐ͵ÄDOM¶ÔÏóÒ²¶¼ÓÐÌṩÀàËÆImage¶ÔÏóµÄÊôÐԺͻص÷¡£ÓëÔ¤¼ÓÔصķ½Ê½Ïà·´µÄ£¬»¹ÓÐÒ»ÖÖͼƬÀÁ¼ÓÔصļ¼Êõ£¬ÏÖÔÚÍøÉÏÒѾÓбȽϺÃÓõÄjquery²å¼þÁË£¬²»¹ý»¹ÊǺÜÖµµÄÈ¥ÉîÈëÁ˽âÏÂËüµÄ˼·¸úʵÏÖÒªµã£¬µÈÎÒÓÐʱ¼äÈ¥Ñо¿Ñо¿ÔÙд²©¿ÍÀ´½éÉÜ£¬¾´Çë¹Ø×¢£¡
±¾ÎÄ´úÏÂÔØ
¡¡