이 기사의 예에서는 썸네일을 사용하여 전체 화면 이미지 갤러리 효과를 jquery로 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.
작동 효과는 아래와 같습니다.
주요 코드는 다음과 같습니다.
(function($) { $.fn.preload = function(options) { var opts = $.extend({}, $.fn.preload.defaults, options); o = $.meta ? $.extend({}, opts, this.data()) : opts; var c = this.length, l = 0; return this.each(function() { var $i = $(this); $('<img/>').load(function(i){ ++l; if(l == c) o.onComplete(); }).attr('src',$i.attr('src')); }); }; $.fn.preload.defaults = { onComplete : function(){return false;} }; })(jQuery);
전체 예제 코드를 보려면 여기를 클릭하세요이 사이트에서 다운로드하세요.
이 기사가 모든 사람의 jquery 프로그래밍 설계에 도움이 되기를 바랍니다.