Thumbnails_jquery를 사용하여 전체 화면 사진 갤러리 효과를 jquery로 구현

이 기사의 예에서는 썸네일을 사용하여 전체 화면 이미지 갤러리 효과를 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 프로그래밍 설계에 도움이 되기를 바랍니다.