Question

JS小提琴：https://jsfiddle.net/gg2k8kw7/

我整个周末都在看代码，休息一下但仍然......无法弄清楚我做错了什么。我的项目很快到期，所以我需要完成这个，我的脑袋即将爆炸！我想做什么：
- 制作过滤后的图像;
- 侧面有导航仪的旋转木马。

我究竟做错了什么？我不知道了，我绝望了。感谢大家为我提供的所有帮助，让我逐渐完成学业并开始我的职业生涯！即使有所有困难，我也不会放弃。

很多爱。

/* Latest compiled and minified JavaScript included as External Resource */

// TESTING SOME MORE GALLERY LAYOUTS, THE NEVER ENDING HOPE


jQuery(function($){
  $(".fancybox").fancybox({
    modal: true,
    helpers : { buttons: { } }
  });
  $(".filter").on("click", function () {
    var $this = $(this);
    // if we click the active tab, do nothing
    if (!$this.hasClass("active")) {
      $(".filter").removeClass("active");
      $this.addClass("active"); // set the active tab
      var $filter = $this.data("rel"); // get the data-rel value from selected tab and set as filter
      $filter == 'all' ? // if we select "view all", return to initial settings and show all
        $(".fancybox").attr("data-fancybox-group", "gallery").not(":visible").fadeIn() 
        : // otherwise
        $(".fancybox").fadeOut(0).filter(function () { 
          return $(this).data("filter") == $filter; // set data-filter value as the data-rel value of selected tab
        }).attr("data-fancybox-group", $filter).fadeIn(1000); // set data-fancybox-group and show filtered elements
    } // if
  }); // on
}); // ready
jQuery(function(e){var t,n,r,i=navigator.userAgent.match(/msie/i)?true:false;if(!document.referrer==""){if(document.referrer.indexOf(location.protocol+"//"+location.host)===0){n=true}}if(history.length==0&&i||history.length==1&&!i){t=false}else{t=true}if(t){if(n){r='<a class="button" href="'+document.referrer+'"> &larr; Voltar à pagina anterior </a>'}else{r='<a class="button" href="javascript:;" onclick="javascript: history.go(-1)"> &larr; Voltar à pagina anterior </a>'}e(r).appendTo("#wrap")}})

$(function() {
  var selectedClass = "";
  $(".fil-cat").click(function() {
    selectedClass = $(this).attr("data-rel");
    $("#portfolio").fadeTo(100, 0.1);
    $("#portfolio div").not("." + selectedClass).fadeOut().removeClass('scale-anm');
    setTimeout(function() {
      $("." + selectedClass).fadeIn().addClass('scale-anm');
      $("#portfolio").fadeTo(300, 1);
    }, 300);

  });
});

// Apply click handler to all tile elements,
$('.tile').click(function(){
   // Get image inside tile element
  var img = $(this).find('img');
  // Update modal with image data
  $("#img01").attr('src', img.attr('src'));
  $('#caption').html(img.attr('alt'));
  $('#myModal').css('display','block');
});

// Close modal
$('.close').click(function(){
  $('#myModal').css('display','none');
})

var modal = document.getElementById('myModal');
modal.addEventListener('click',function(){
this.style.display="none";
})

我的旋转木马不使用过滤后的图像，我做错了什么？

0 个答案: