JAVASCRIPT 7
Img.js Guest on 17th October 2020 04:31:18 PM
  1. define(function(require, exports, module) {
  2.         var common = require('common');
  3.  
  4.         if(MetpageType==2){//列表页
  5.                 var ul_1 = $('#imglist ul.list_1');
  6.                 if(ul_1.length>0){
  7.                         var minwidth = parseInt(ul_1.find('li img').attr("width"))+20;
  8.                         ul_1.find("li a").width(function(){ return $(this).find('img').attr("width");});
  9.                         common.listpun(ul_1,ul_1.find("li"),minwidth);
  10.                         ul_1.css("visibility","visible");
  11.                 }
  12.                 var ul_2 = $('#imglist ul.list_2');
  13.                 if(ul_2.length>0){
  14.                         ul_2.find("dt").width(function(){ return $(this).find('img').attr("width");});
  15.                         ul_2.find("dd").css('margin-left','-'+ul_2.find("dt").width()+'px');
  16.                         ul_2.find("dd .met_listbox").css('margin-left',ul_2.find("dt").width()+'px');
  17.                         ul_2.css("visibility","visible");
  18.                 }
  19.         }
  20.         if(MetpageType==3){//详情页
  21.        
  22.                 if($(".imgparalist li").length>0){
  23.                         $(".imgparalist li").height(function(){
  24.                                 if($(this).height()<$(this).find('span').height()){
  25.                                         return $(this).find('span').height();
  26.                                 }
  27.                         });
  28.                         $(".imgparalist").css('visibility','visible');
  29.                 }else{
  30.                         $(".imgparalist").hide();
  31.                 }
  32.  
  33.                 $('#showimg .met_slide_list').width($('#showimg .met_slide_list img').attr("width"));
  34.                
  35.                 require('effects/img/css/imgshow.css');
  36.                 require('effects/img/jquery.exposure.min');
  37.                 var width  = $(".met_slide_box").attr("data-sidewidth"),
  38.                         height = $(".met_slide_box").attr("data-sideheight");
  39.                 $(".met_slide_box").width(width);
  40.                 $(".met_slide_box .left,.met_slide_box .right").css({"top":'0px',"opacity":"0","height":height+'px'});
  41.                 $(".met_slide_box .left,.met_slide_box .right").hover(function(){
  42.                         $(".met_slide_box .left,.met_slide_box .right").stop(true,true);
  43.                         $(this).fadeTo("slow", 1);
  44.                 },function(){
  45.                         $(".met_slide_box .left,.met_slide_box .right").stop(true,true);
  46.                         $(this).fadeTo("slow", 0);
  47.                 });
  48.                 $('.met_slide_list ul').exposure({carouselControls : true,
  49.                         imageControls : true,
  50.                         pageSize : 5,
  51.                         slideshowControlsTarget : '#slideshow',
  52.                         onThumb : function(thumb) {
  53.                                 var li = thumb.parents('li');                          
  54.                                 var fadeTo = li.hasClass('active') ? 1 : 0.3;
  55.                                
  56.                                 thumb.css({display : 'none', opacity : fadeTo}).stop().fadeIn(200);
  57.                                
  58.                                 thumb.hover(function() {
  59.                                         thumb.fadeTo('fast',1);
  60.                                 }, function() {
  61.                                         li.not('.active').children('img').fadeTo('fast', 0.3);
  62.                                 });
  63.                         },
  64.                         onImage : function(image, imageData, thumb) {
  65.                                 // Check if wrapper is hovered.
  66.                                 var hovered = $('.exposureWrapper').hasClass('exposureHover');
  67.                                
  68.                                 // Fade out the previous image.
  69.                                 $('.exposureWrapper > .exposureLastImage').stop().fadeOut(500, function() {
  70.                                         $(this).remove();
  71.                                 });
  72.                                
  73.                                 // Fade in the current image.
  74.                                 image.hide().stop().fadeIn(1000);
  75.                                
  76.                                 if ($.exposure.showThumbs && thumb && thumb.length) {
  77.                                         thumb.fadeTo('fast', 1).addClass('selected');
  78.                                 }
  79.                                 if($(".exposureData .caption").html()==''){
  80.                                         $(".exposureData").hide();
  81.                                 }else{
  82.                                         $(".exposureData").show();
  83.                                 }
  84.                         },
  85.                         onCarousel : function(firstImage, lastImage) {
  86.                                 $('.exposureThumbs li').hide().children('img.selected').stop().css('opacity', 0.3).removeClass('selected');
  87.                         },
  88.                         onSlideshowPlayed : function() {
  89.                                 $('.exposurePauseSlideshow').css('display','inline');
  90.                         }
  91.                 });
  92.                 $(".exposureThumbs img,.met_slide_box .left,.met_slide_box .right,#exposure").click(function(){
  93.                         $(".exposureThumbs img").css('opacity', 0.3);
  94.                 });
  95.                
  96.         }
  97. });

Paste is for source code and general debugging text.

Login or Register to edit, delete and keep track of your pastes and more.

Raw Paste

Login or Register to edit or fork this paste. It's free.