$(window).load(function(){ var $photo = $('#photo'), $jsGallery = $('#js-gallery'), $picName = $('#pic_name'); $picMain = $('#pic_main'), $picOther = $('#pic_other'), nowNum = 0, maxNum = $jsGallery.find('li').length - 1; //サムネイルクリック $('#js-gallery.movie').find('a').on('click', function(){ $photo.addClass('dis'); nowNum = $(this).parent().index(); movieModalSet(nowNum); return false; }); $photo.find('.next').on('click', function(){ if(nowNum < maxNum) { nowNum++; } else { nowNum = 0; } movieModalSet(nowNum); return false; }); $photo.find('.prev').on('click', function(){ if(nowNum > 0) { nowNum--; } else { nowNum = maxNum; } movieModalSet(nowNum); return false; }); $photo.find('.close-bg, .close').on('click', function(){ $photo.removeClass('dis'); return false; }); var movieModalSet = function(num) { var targetTag = $jsGallery.find('li'), movieSrc = targetTag.eq(num).find('a').attr('href'), imgAlt = targetTag.eq(num).find('a').attr('title'); $picName.text(imgAlt); $photo.find('.youtube iframe').attr('src', movieSrc); } $(window).resize(function() { var timer = false; if (timer !== false) { clearTimeout(timer); } timer = setTimeout(function() { $photo.removeClass('dis'); }, 100); }); });