$(function() { var Profile_Image_Browser_50_50_started = "false"; var Profile_Image_Browser_50_50_timer_id_B = "false"; var Profile_Image_Browser_50_50_create_thumb_flag = "false"; var Profile_Image_Browser_50_50_repeat_flag = "false"; var Profile_Image_Browser_50_50_set_pagewrap_width = 0; var Profile_Image_Browser_50_50_create_thumbs_i = 0; var Profile_Image_Browser_50_50_imgURL = ""; var Profile_Image_Browser_50_50_thumb_imgURL = ""; Profile_Image_Browser_50_50_past_i = -1; Profile_Image_Browser_50_50_create_img_i = 0; Profile_Image_Browser_50_50_preload_i = 0; Profile_Image_Browser_50_50_imgWIDTH = 0; function Profile_Image_Browser_50_50_initialize(){ Profile_Image_Browser_50_50_thumb_width = 30; Profile_Image_Browser_50_50_thumb_height = 30; Profile_Image_Browser_50_50_thumb_total_width = (Profile_Image_Browser_50_50_thumb_width +6)*(Profile_Image_Browser_50_50_media_max_num); $("#Profile_Image_Browser_50_50 .pageWrap").css("width", Profile_Image_Browser_50_50_thumb_total_width); $("#Profile_Image_Browser_50_50 .pageWrap").css("height", Profile_Image_Browser_50_50_thumb_height +6); $("#Profile_Image_Browser_50_50 .pageHolder").css("height", Profile_Image_Browser_50_50_thumb_height +6); $("#Profile_Image_Browser_50_50 .arrow_box_page_left, #Profile_Image_Browser_50_50 .arrow_box_page_right").css("width", Profile_Image_Browser_50_50_thumb_width +6 ); $("#Profile_Image_Browser_50_50 .arrow_box_page_left, #Profile_Image_Browser_50_50 .arrow_box_page_right").css("height", Profile_Image_Browser_50_50_thumb_height +6 ); $("#Profile_Image_Browser_50_50 .thumb_box").css("width", Profile_Image_Browser_50_50_thumb_width+6); $("#Profile_Image_Browser_50_50 .thumb_box").css("height", Profile_Image_Browser_50_50_thumb_height+6); $("#Profile_Image_Browser_50_50 .thumb_box a").css("width", Profile_Image_Browser_50_50_thumb_height ); $("#Profile_Image_Browser_50_50 .thumb_box a").css("height", Profile_Image_Browser_50_50_thumb_height ); if(Profile_Image_Browser_50_50_media_max_num == 1){ Profile_Image_Browser_50_50_thumb_width = 0; Profile_Image_Browser_50_50_thumb_height = 0; $("#Profile_Image_Browser_50_50").css("margin-bottom", 0 ); $("#Profile_Image_Browser_50_50 .controller > div").remove(); $("#Profile_Image_Browser_50_50 .pageHolder").remove(); $("#Profile_Image_Browser_50_50 .arrow_box_page_left").remove(); $("#Profile_Image_Browser_50_50 .arrow_box_page_right").remove(); }else{ $("#Profile_Image_Browser_50_50 .arrow_box_photo_left").show(); $("#Profile_Image_Browser_50_50 .arrow_box_photo_right").show(); } Profile_Image_Browser_50_50_create_img(); Profile_Image_Browser_50_50_resizeContainer(); Profile_Image_Browser_50_50_arrow_show_hide(); $(window).bind("resize", Profile_Image_Browser_50_50_resizeContainer); if( Profile_Image_Browser_50_50_started == "false" ){ Profile_Image_Browser_50_50_initialize_action(); } } function Profile_Image_Browser_50_50_initialize_action(){ Profile_Image_Browser_50_50_started = "true"; Profile_Image_Browser_50_50_resizeContainer(); } function Profile_Image_Browser_50_50_control_show( set_interval ){ if( Profile_Image_Browser_50_50_timer_id_B != "false" ){ clearInterval( Profile_Image_Browser_50_50_timer_id_B ); } $("#Profile_Image_Browser_50_50 .controller:not(:animated)").animate({opacity: 1},400, function() { Profile_Image_Browser_50_50_timer_id_B = setInterval(Profile_Image_Browser_50_50_control_hide, set_interval); } ); } function Profile_Image_Browser_50_50_control_hide(){ $("#Profile_Image_Browser_50_50 .controller:not(:animated)").animate({opacity: 0.6}, 400); clearInterval( Profile_Image_Browser_50_50_timer_id_B ); } $("#Profile_Image_Browser_50_50").mousemove(function(e){ Profile_Image_Browser_50_50_control_show( 2000 ); }); $("#Profile_Image_Browser_50_50 .pageHolder .pageWrap a").click(function(){ Profile_Image_Browser_50_50_create_img_i = $(this).attr("id"); Profile_Image_Browser_50_50_create_img(); Profile_Image_Browser_50_50_repeat_flag = "false"; Profile_Image_Browser_50_50_scrCtr(); return false; }) function Profile_Image_Browser_50_50_create_img(){ if( Profile_Image_Browser_50_50_past_i != Profile_Image_Browser_50_50_create_img_i ){ var Profile_Image_Browser_50_50_imgURL = Profile_Image_Browser_50_50_media_array[ Profile_Image_Browser_50_50_create_img_i ][0]; var Profile_Image_Browser_50_50_thumb_imgURL = Profile_Image_Browser_50_50_media_array[ Profile_Image_Browser_50_50_create_img_i ][1]; var imgClass = Profile_Image_Browser_50_50_media_array[ Profile_Image_Browser_50_50_create_img_i ][4]; Profile_Image_Browser_50_50_switch_thumbs(); var Profile_Image_Browser_50_50_past_set_img_div = "Profile_Image_Browser_50_50_img_div_" + Profile_Image_Browser_50_50_past_i; var Profile_Image_Browser_50_50_past_target = $("#Profile_Image_Browser_50_50 div#" + Profile_Image_Browser_50_50_past_set_img_div); Profile_Image_Browser_50_50_past_i = Profile_Image_Browser_50_50_create_img_i; Profile_Image_Browser_50_50_set_img_div = "Profile_Image_Browser_50_50_img_div_" + Profile_Image_Browser_50_50_create_img_i; $("#Profile_Image_Browser_50_50 #main").append("
"); $("#Profile_Image_Browser_50_50 .controller a").remove(); $("#Profile_Image_Browser_50_50 .controller").append(""); Profile_Image_Browser_50_50_target = $("div#" + Profile_Image_Browser_50_50_set_img_div); Profile_Image_Browser_50_50_target.find("img.low").load(function () { Profile_Image_Browser_50_50_target.find("img.high").load(function () { $(this).css("width", Profile_Image_Browser_50_50_target.find("img.low").width()); $(this).css("height", Profile_Image_Browser_50_50_target.find("img.low").height()); $(this).parent().parent().fadeIn(600, "swing"); Profile_Image_Browser_50_50_resizeContainer(); }); Profile_Image_Browser_50_50_target.find("img.high").attr("src", Profile_Image_Browser_50_50_imgURL); Profile_Image_Browser_50_50_past_target.fadeOut( 1000, function () { $(this).remove(); } ); if( Profile_Image_Browser_50_50_create_thumb_flag == "false"){ Profile_Image_Browser_50_50_create_thumb_flag = "true"; Profile_Image_Browser_50_50_create_thumbs(); } Profile_Image_Browser_50_50_target.fadeIn(600, "swing"); Profile_Image_Browser_50_50_resizeContainer(); Profile_Image_Browser_50_50_preload_image(); Profile_Image_Browser_50_50_scrCtr(); }); Profile_Image_Browser_50_50_target.find("img.low").attr("src", Profile_Image_Browser_50_50_thumb_imgURL); } } function Profile_Image_Browser_50_50_preload_image(){ if( Profile_Image_Browser_50_50_preload_i ){ $("#Profile_Image_Browser_50_50 img#pre_" + Profile_Image_Browser_50_50_preload_i).remove(); } Profile_Image_Browser_50_50_preload_i = eval(Profile_Image_Browser_50_50_create_img_i)+1; if( Profile_Image_Browser_50_50_preload_i < Profile_Image_Browser_50_50_media_max_num ){ var next_imgURL = Profile_Image_Browser_50_50_media_array[ Profile_Image_Browser_50_50_preload_i ][0]; $("#Profile_Image_Browser_50_50 #main").append(""); var next_target = $("#Profile_Image_Browser_50_50 img#pre_" + Profile_Image_Browser_50_50_preload_i ); next_target.attr("src", next_imgURL); } } function Profile_Image_Browser_50_50_create_thumbs(){ if( Profile_Image_Browser_50_50_create_thumbs_i < Profile_Image_Browser_50_50_media_max_num ){ var Profile_Image_Browser_50_50_thumb_imgURL = Profile_Image_Browser_50_50_media_array[ Profile_Image_Browser_50_50_create_thumbs_i ][1]; $("#Profile_Image_Browser_50_50 .pageHolder a#"+ Profile_Image_Browser_50_50_create_thumbs_i + " img" ).load(function () { var Profile_Image_Browser_50_50_imgHEIGHT = eval(Profile_Image_Browser_50_50_media_array[ Profile_Image_Browser_50_50_create_thumbs_i ][2]); var Profile_Image_Browser_50_50_imgWIDTH = eval(Profile_Image_Browser_50_50_media_array[ Profile_Image_Browser_50_50_create_thumbs_i ][3]); if( Profile_Image_Browser_50_50_imgHEIGHT < Profile_Image_Browser_50_50_imgWIDTH ){ $(this).css("height", Profile_Image_Browser_50_50_thumb_height); $(this).css("width", Profile_Image_Browser_50_50_thumb_height/Profile_Image_Browser_50_50_imgHEIGHT*Profile_Image_Browser_50_50_imgWIDTH); $(this).css("margin-left", -(Profile_Image_Browser_50_50_thumb_height/Profile_Image_Browser_50_50_imgHEIGHT*Profile_Image_Browser_50_50_imgWIDTH - Profile_Image_Browser_50_50_thumb_width)/2 ); }else{ $(this).css("height", Profile_Image_Browser_50_50_thumb_width/Profile_Image_Browser_50_50_imgWIDTH*Profile_Image_Browser_50_50_imgHEIGHT); $(this).css("width", Profile_Image_Browser_50_50_thumb_width); $(this).css("margin-top", -(Profile_Image_Browser_50_50_thumb_width/Profile_Image_Browser_50_50_imgWIDTH*Profile_Image_Browser_50_50_imgHEIGHT - Profile_Image_Browser_50_50_thumb_height)/2 ); } Profile_Image_Browser_50_50_create_thumbs_i ++; $(this).fadeIn(500); setTimeout(function(){ Profile_Image_Browser_50_50_resizeContainer(); Profile_Image_Browser_50_50_create_thumbs(); },10); }); $("#Profile_Image_Browser_50_50 .pageHolder a#"+ Profile_Image_Browser_50_50_create_thumbs_i + " img" ).attr("src", Profile_Image_Browser_50_50_thumb_imgURL); } } $("#Profile_Image_Browser_50_50 .pageHolder img").mouseover(function(){ $(this).stop().animate({ opacity : 0.6 },100) } ) $("#Profile_Image_Browser_50_50 .pageHolder img").mouseout(function(){ $(this).stop().animate({ opacity : 1 },400) } ) function Profile_Image_Browser_50_50_switch_thumbs(){ $.each(Profile_Image_Browser_50_50_media_array, function(i) { if( i != Profile_Image_Browser_50_50_create_img_i ){ $( "#Profile_Image_Browser_50_50 .pageHolder a#"+i).parent().fadeTo(100, 1); $( "#Profile_Image_Browser_50_50 .pageHolder a#"+i).parent().css("width", Profile_Image_Browser_50_50_thumb_width+6); $( "#Profile_Image_Browser_50_50 .pageHolder a#"+i).parent().css("height", Profile_Image_Browser_50_50_thumb_height+6); $( "#Profile_Image_Browser_50_50 .pageHolder a#"+i).parent().css("border", "none"); $( "#Profile_Image_Browser_50_50 .pageHolder a#"+i).css("cursor", "pointer"); $( "#Profile_Image_Browser_50_50 .pageHolder a#"+i).css("margin", 6/2 + "px"); }else{ $( "#Profile_Image_Browser_50_50 .pageHolder a#"+i).parent().fadeTo(100, 0.4); $( "#Profile_Image_Browser_50_50 .pageHolder a#"+i).parent().css("width", Profile_Image_Browser_50_50_thumb_width+6-2); $( "#Profile_Image_Browser_50_50 .pageHolder a#"+i).parent().css("height", Profile_Image_Browser_50_50_thumb_height+6-2); $( "#Profile_Image_Browser_50_50 .pageHolder a#"+i).parent().css("border", "1px solid #AAA"); $( "#Profile_Image_Browser_50_50 .pageHolder a#"+i).css("cursor", "default"); $( "#Profile_Image_Browser_50_50 .pageHolder a#"+i).css("margin", 6/2-1 + "px"); } }); } function Profile_Image_Browser_50_50_resizeContainer(e) { set_Profile_Image_Browser_50_50_width = $("#Profile_Image_Browser_50_50").width(); set_Profile_Image_Browser_50_50_height = Math.round(set_Profile_Image_Browser_50_50_width/50*50); set_Profile_Image_Browser_50_50_root_height = set_Profile_Image_Browser_50_50_height + Profile_Image_Browser_50_50_thumb_height + 6; if( Profile_Image_Browser_50_50_started == "true" ){ $("#Profile_Image_Browser_50_50").css("height", set_Profile_Image_Browser_50_50_root_height ); } $("#Profile_Image_Browser_50_50 .image_wrapper").css("height", set_Profile_Image_Browser_50_50_height); $("#Profile_Image_Browser_50_50 .controller").css("height", set_Profile_Image_Browser_50_50_height); $("#Profile_Image_Browser_50_50 #main").css("height", set_Profile_Image_Browser_50_50_height); $("#Profile_Image_Browser_50_50 .image_wrapper div.cell").css("width", set_Profile_Image_Browser_50_50_width); $("#Profile_Image_Browser_50_50 .image_wrapper div.cell").css("height", set_Profile_Image_Browser_50_50_height); $("#Profile_Image_Browser_50_50 .image_wrapper:first-child img.high").css("width", $("#Profile_Image_Browser_50_50 .image_wrapper:first-child img.low").width()); $("#Profile_Image_Browser_50_50 .image_wrapper:first-child img.high").css("height", $("#Profile_Image_Browser_50_50 .image_wrapper:first-child img.low").height()); $("#Profile_Image_Browser_50_50 #watermark").css("width", set_Profile_Image_Browser_50_50_width); $("#Profile_Image_Browser_50_50 #watermark").css("height", set_Profile_Image_Browser_50_50_height); Profile_Image_Browser_50_50_thumb_area_width = set_Profile_Image_Browser_50_50_width; $("#Profile_Image_Browser_50_50 .pageHolder").css("width", set_Profile_Image_Browser_50_50_width+"px"); Profile_Image_Browser_50_50_arrow_show_hide(); } $("#Profile_Image_Browser_50_50 div.arrow_box_page_right").click(function(){ if(-(Profile_Image_Browser_50_50_set_pagewrap_width-set_Profile_Image_Browser_50_50_width) + Profile_Image_Browser_50_50_thumb_area_width >= Profile_Image_Browser_50_50_thumb_total_width){ Profile_Image_Browser_50_50_set_pagewrap_width += Profile_Image_Browser_50_50_thumb_area_width-(Profile_Image_Browser_50_50_thumb_total_width+Profile_Image_Browser_50_50_set_pagewrap_width); }else{ Profile_Image_Browser_50_50_set_pagewrap_width -= set_Profile_Image_Browser_50_50_width-120; } $("#Profile_Image_Browser_50_50 .pageHolder .pageWrap").animate({ marginLeft : Profile_Image_Browser_50_50_set_pagewrap_width+"px" },200) Profile_Image_Browser_50_50_arrow_show_hide(); }) $("#Profile_Image_Browser_50_50 div.arrow_box_page_left").click(function(){ if(Profile_Image_Browser_50_50_set_pagewrap_width+set_Profile_Image_Browser_50_50_width-120 >= 0){ Profile_Image_Browser_50_50_set_pagewrap_width = 0; }else{ Profile_Image_Browser_50_50_set_pagewrap_width += set_Profile_Image_Browser_50_50_width-120; } $("#Profile_Image_Browser_50_50 .pageHolder .pageWrap").animate({ marginLeft : Profile_Image_Browser_50_50_set_pagewrap_width+"px" },200) Profile_Image_Browser_50_50_arrow_show_hide(); }) $("#Profile_Image_Browser_50_50 div.arrow_box_photo_right").click(function(){ Profile_Image_Browser_50_50_create_img_i ++; if( Profile_Image_Browser_50_50_create_img_i == Profile_Image_Browser_50_50_media_max_num){ Profile_Image_Browser_50_50_create_img_i = 0; } Profile_Image_Browser_50_50_create_img(); Profile_Image_Browser_50_50_scrCtr(); }) $("#Profile_Image_Browser_50_50 div.arrow_box_photo_left").click(function(){ if( Profile_Image_Browser_50_50_create_img_i == 0){ Profile_Image_Browser_50_50_create_img_i = Profile_Image_Browser_50_50_media_max_num; } Profile_Image_Browser_50_50_create_img_i --; Profile_Image_Browser_50_50_create_img(); Profile_Image_Browser_50_50_scrCtr(); }) $("#Profile_Image_Browser_50_50 .arrow_box_page_left, #Profile_Image_Browser_50_50 .arrow_box_page_right, #Profile_Image_Browser_50_50 div.arrow_box_photo_right, #Profile_Image_Browser_50_50 div.arrow_box_photo_left ,#Profile_Image_Browser_50_50 div.controller_btn").mouseover(function(){ $(this).stop().animate({ opacity : 1 },200) } ) $("#Profile_Image_Browser_50_50 .arrow_box_page_left, #Profile_Image_Browser_50_50 .arrow_box_page_right, #Profile_Image_Browser_50_50 div.arrow_box_photo_right, #Profile_Image_Browser_50_50 div.arrow_box_photo_left ,#Profile_Image_Browser_50_50 div.controller_btn").mouseout(function(){ $(this).stop().animate({ opacity : 0.6 },400) } ) $("#Profile_Image_Browser_50_50 .arrow_box_page_left, #Profile_Image_Browser_50_50 .arrow_box_page_right, #Profile_Image_Browser_50_50 div.arrow_box_photo_right, #Profile_Image_Browser_50_50 div.arrow_box_photo_left ,#Profile_Image_Browser_50_50 div.controller_btn").animate({ opacity : 0.6 },100) $("#Profile_Image_Browser_50_50 div.play_box").click(function(){ Profile_Image_Browser_50_50_repeat_flag = "true"; Profile_Image_Browser_50_50_slidePlay(); }) $("#Profile_Image_Browser_50_50 div.stop_box").click(function(){ Profile_Image_Browser_50_50_repeat_flag = "false"; Profile_Image_Browser_50_50_scrCtr(); }) function Profile_Image_Browser_50_50_arrow_show_hide() { if(Profile_Image_Browser_50_50_thumb_area_width >= Profile_Image_Browser_50_50_thumb_total_width){ $("#Profile_Image_Browser_50_50 .arrow_box_page_left").fadeOut(200); $("#Profile_Image_Browser_50_50 .arrow_box_page_right").fadeOut(200); $("#Profile_Image_Browser_50_50 .pageHolder .pageWrap").css("margin-left", (set_Profile_Image_Browser_50_50_width-Profile_Image_Browser_50_50_thumb_total_width)/2); }else if(Profile_Image_Browser_50_50_set_pagewrap_width == 0){ $("#Profile_Image_Browser_50_50 .arrow_box_page_left").fadeOut(200); $("#Profile_Image_Browser_50_50 .arrow_box_page_right").fadeIn(200); }else if(-Profile_Image_Browser_50_50_set_pagewrap_width + Profile_Image_Browser_50_50_thumb_area_width >= Profile_Image_Browser_50_50_thumb_total_width){ $("#Profile_Image_Browser_50_50 .arrow_box_page_left").fadeIn(200); $("#Profile_Image_Browser_50_50 .arrow_box_page_right").fadeOut(200); Profile_Image_Browser_50_50_set_pagewrap_width += -Profile_Image_Browser_50_50_set_pagewrap_width + Profile_Image_Browser_50_50_thumb_area_width - Profile_Image_Browser_50_50_thumb_total_width; $("#Profile_Image_Browser_50_50 .pageHolder .pageWrap").css("margin-left", Profile_Image_Browser_50_50_set_pagewrap_width); }else{ $("#Profile_Image_Browser_50_50 .arrow_box_page_left").fadeIn(200); $("#Profile_Image_Browser_50_50 .arrow_box_page_right").fadeIn(200); } } function Profile_Image_Browser_50_50_scrCtr(){ if( typeof( Profile_Image_Browser_50_50_Repeater ) != 'undefined' ){ clearTimeout( Profile_Image_Browser_50_50_Repeater ); } if( Profile_Image_Browser_50_50_repeat_flag == "true" ){ $("#Profile_Image_Browser_50_50 div.play_box").css("display", "none"); $("#Profile_Image_Browser_50_50 div.stop_box").css("display", "block"); Profile_Image_Browser_50_50_Repeater = setTimeout( function(){ Profile_Image_Browser_50_50_slidePlay(); } , 5000); }else{ $("#Profile_Image_Browser_50_50 div.play_box").css("display", "block"); $("#Profile_Image_Browser_50_50 div.stop_box").css("display", "none"); } } function Profile_Image_Browser_50_50_slidePlay(){ Profile_Image_Browser_50_50_create_img_i ++; if( Profile_Image_Browser_50_50_create_img_i == Profile_Image_Browser_50_50_media_max_num){ Profile_Image_Browser_50_50_create_img_i = 0; Profile_Image_Browser_50_50_repeat_flag = "false"; } Profile_Image_Browser_50_50_create_img(); } Profile_Image_Browser_50_50_media_array = [['https://s3.media-nisor.site/image/giichi_profile_2013_0822_172653_5295.jpg', 'https://s3.media-nisor.site/image_thumbs/giichi_profile_2013_0822_172653_5295.jpg', '33', '50', 'horizontally' ]]; Profile_Image_Browser_50_50_media_max_num = 1; Profile_Image_Browser_50_50_initialize(); function SLIDE_fullscreen_initialize(){ SLIDE_fullscreen_start_flag = "false"; SLIDE_fullscreen_repeat_flag = "true"; SLIDE_fullscreen_repeat_limit = 0; SLIDE_fullscreen_repeat_limit_max = 1000; SLIDE_fullscreen_set_pagewrap_width = 0; SLIDE_fullscreen_create_img_i = 0; SLIDE_fullscreen_preload_i = 0; SLIDE_fullscreen_past_i = -1; SLIDE_fullscreen_timer_id_B = "false"; SLIDE_fullscreen_imgHEIGHT = 0; SLIDE_fullscreen_imgWIDTH = 0; SLIDE_fullscreen_create_img(); $(window).bind("resize", SLIDE_fullscreen_resizeContainer); SLIDE_fullscreen_resizeContainer(); } function SLIDE_fullscreen_control_show( set_interval ){ if( SLIDE_fullscreen_timer_id_B != "false" ){ clearInterval( SLIDE_fullscreen_timer_id_B ); } $("#SLIDE_fullscreen .controller:not(:animated)").animate({ opacity: 1 }, 400, function() { SLIDE_fullscreen_timer_id_B = setInterval( SLIDE_fullscreen_control_hide, set_interval); } ); } function SLIDE_fullscreen_control_hide(){ $("#SLIDE_fullscreen .controller:not(:animated)").animate({ opacity: 0.4 }, 400 ); clearInterval( SLIDE_fullscreen_timer_id_B ); } $("#wrapper").mousemove(function(e){ SLIDE_fullscreen_control_show( 2000 ); }); $(document).on("click", "#SLIDE_fullscreen_thumbs_wrapper a", function(){ SLIDE_fullscreen_create_img_i = $(this).attr("id").replace("SLIDE_fullscreen_", ""); SLIDE_fullscreen_create_img(); }); $(document).on("mouseover", "#SLIDE_fullscreen_thumbs_wrapper a.over", function(){ $(this).stop().animate({ "opacity" : 0.5 }, 10); }); $(document).on("mouseout", "#SLIDE_fullscreen_thumbs_wrapper a.over", function(){ $(this).stop().animate({ "opacity" : 1 }, 500); }); function SLIDE_fullscreen_create_img(){ if( SLIDE_fullscreen_past_i != SLIDE_fullscreen_create_img_i ){ $("#SLIDE_fullscreen_thumbs_wrapper a").css({"color": "#333"}).css({"cursor": "pointer"}).addClass("over"); $("#SLIDE_fullscreen_thumbs_wrapper a#SLIDE_fullscreen_" + SLIDE_fullscreen_create_img_i).css({"color": "#CCC"}).css({"cursor": "default"}).removeClass("over"); var imgURL = SLIDE_fullscreen_media_array[ SLIDE_fullscreen_create_img_i ][0]; var past_set_img_div = "img_div_" + SLIDE_fullscreen_past_i; var past_target = $("div#" + past_set_img_div); SLIDE_fullscreen_past_i = SLIDE_fullscreen_create_img_i; SLIDE_fullscreen_set_img_div = "img_div_" + SLIDE_fullscreen_create_img_i; $("#SLIDE_fullscreen #main").append("
"); SLIDE_fullscreen_resizeContainer(); var target = $("div#" + SLIDE_fullscreen_set_img_div); target.find("img").load(function () { past_target.animate({"opacity": 0}, 2000, "swing", function() { $(this).remove(); } ); SLIDE_fullscreen_imgHEIGHT = eval(SLIDE_fullscreen_media_array[ SLIDE_fullscreen_create_img_i ][4]); SLIDE_fullscreen_imgWIDTH = eval(SLIDE_fullscreen_media_array[ SLIDE_fullscreen_create_img_i ][5]); SLIDE_fullscreen_resizeContainer(); target.animate({"opacity": 1}, 2000, "swing"); SLIDE_fullscreen_preload_image(); SLIDE_fullscreen_scrCtr(); }); target.find("img").attr("src", imgURL); } } function SLIDE_fullscreen_preload_image(){ if( SLIDE_fullscreen_preload_i ){ $("#SLIDE_fullscreen img#pre_" + SLIDE_fullscreen_preload_i).remove(); } SLIDE_fullscreen_preload_i = eval(SLIDE_fullscreen_create_img_i)+1; if( SLIDE_fullscreen_preload_i < SLIDE_fullscreen_media_max_num ){ var next_imgURL = SLIDE_fullscreen_media_array[ SLIDE_fullscreen_preload_i ][0]; $("#SLIDE_fullscreen #main").append(""); var next_target = $("#SLIDE_fullscreen img#pre_" + SLIDE_fullscreen_preload_i ); next_target.attr("src", next_imgURL); } } function SLIDE_fullscreen_resizeContainer(e) { var window_height = $(window).height(); var window_width = $(window).width(); var navi_height = $("#navi").height(); var frame_height = window_height - navi_height; SLIDE_fullscreen_marginHEIGHT = navi_height+30; SLIDE_fullscreen_marginWIDTH = 40; SLIDE_fullscreen_marginTOP = 30; if( window_width <= 740 ){ SLIDE_fullscreen_marginHEIGHT = navi_height; SLIDE_fullscreen_marginWIDTH = 0; SLIDE_fullscreen_marginTOP = 0; }else if( window_width <= 500 ){ SLIDE_fullscreen_marginHEIGHT = navi_height+30; SLIDE_fullscreen_marginWIDTH = 0; SLIDE_fullscreen_marginTOP = 30; } var img_height = window_height - (SLIDE_fullscreen_marginHEIGHT+SLIDE_fullscreen_marginTOP); var img_width = window_width - SLIDE_fullscreen_marginWIDTH*2; $("div#SLIDE_fullscreen #frame").css("height", frame_height); $("div#SLIDE_fullscreen #frame").css("width", window_width); $("#SLIDE_fullscreen .controller").css("top", (frame_height - $("#SLIDE_fullscreen .controller").height())/2 + SLIDE_fullscreen_marginTOP); if( SLIDE_fullscreen_imgWIDTH != 0 ){ if( Math.round(SLIDE_fullscreen_imgWIDTH / img_width * 100) <= Math.round(SLIDE_fullscreen_imgHEIGHT / img_height * 100) ){ var set_height = img_height; var set_width = SLIDE_fullscreen_imgWIDTH*Math.round(set_height/SLIDE_fullscreen_imgHEIGHT*100)/100; var set_margin_top = (window_height - set_height - navi_height)/2; var set_margin_left = (window_width - set_width)/2; }else{ var set_width = img_width; var set_height = SLIDE_fullscreen_imgHEIGHT*Math.round(set_width/SLIDE_fullscreen_imgWIDTH*100)/100; var set_margin_top = (window_height - set_height - navi_height)/2; var set_margin_left = (window_width - set_width)/2; } $("div#SLIDE_fullscreen div#" + SLIDE_fullscreen_set_img_div + " img" ).css("height", set_height); $("div#SLIDE_fullscreen div#" + SLIDE_fullscreen_set_img_div + " img" ).css("width", set_width); $("div#SLIDE_fullscreen div#" + SLIDE_fullscreen_set_img_div + " img" ).css("margin-top", set_margin_top + SLIDE_fullscreen_marginTOP); $("div#SLIDE_fullscreen div#" + SLIDE_fullscreen_set_img_div + " img" ).css("margin-left", set_margin_left); } } $("#SLIDE_fullscreen div.arrow_box_photo_right").click(function(){ SLIDE_fullscreen_create_img_i ++; if( SLIDE_fullscreen_create_img_i == SLIDE_fullscreen_media_max_num){ SLIDE_fullscreen_create_img_i = 0; } SLIDE_fullscreen_create_img(); }) $("#SLIDE_fullscreen div.arrow_box_photo_left").click(function(){ if( SLIDE_fullscreen_create_img_i == 0){ SLIDE_fullscreen_create_img_i = SLIDE_fullscreen_media_max_num; } SLIDE_fullscreen_create_img_i --; SLIDE_fullscreen_create_img(); }) $("#SLIDE_fullscreen .arrow_box_photo_right, #SLIDE_fullscreen .arrow_box_photo_left").mouseover(function(){ $(this).stop().animate({ opacity : 1 },200) } ) $("#SLIDE_fullscreen .arrow_box_photo_right, #SLIDE_fullscreen .arrow_box_photo_left").mouseout(function(){ $(this).stop().animate({ opacity : 0.6 },400) } ) $("#SLIDE_fullscreen .arrow_box_photo_right, #SLIDE_fullscreen .arrow_box_photo_left").animate({ opacity : 0.6 },100) function SLIDE_fullscreen_scrCtr(){ if( SLIDE_fullscreen_start_flag == "false" ){ SLIDE_fullscreen_start_flag = "true"; }else{ clearTimeout( SLIDE_fullscreen_Repeater ); } if( SLIDE_fullscreen_repeat_flag == "true" ){ $("#SLIDE_fullscreen div.play_box").css("display", "none"); $("#SLIDE_fullscreen div.stop_box").css("display", "block"); SLIDE_fullscreen_Repeater = setTimeout( function(){ SLIDE_fullscreen_slidePlay(); } , 5000); }else{ $("#SLIDE_fullscreen div.play_box").css("display", "block"); $("#SLIDE_fullscreen div.stop_box").css("display", "none"); } } function SLIDE_fullscreen_slidePlay(){ SLIDE_fullscreen_create_img_i ++; if( SLIDE_fullscreen_create_img_i == SLIDE_fullscreen_media_max_num){ SLIDE_fullscreen_create_img_i = 0; SLIDE_fullscreen_repeat_limit ++; if( SLIDE_fullscreen_repeat_limit > SLIDE_fullscreen_repeat_limit_max ){ SLIDE_fullscreen_repeat_limit = 0; SLIDE_fullscreen_repeat_flag = "false"; } } SLIDE_fullscreen_create_img(); } SLIDE_fullscreen_media_array = [['https://s3.media-nisor.site/image/giichi_entry_2013_0905_014512_0297.jpg', 'https://s3.media-nisor.site/image_thumbs/giichi_entry_2013_0905_014512_0297.jpg', '', '', 340, 1000, '' ],['https://s3.media-nisor.site/image/giichi_entry_2013_0902_173201_0347.jpg', 'https://s3.media-nisor.site/image_thumbs/giichi_entry_2013_0902_173201_0347.jpg', '', '', 1000, 1000, '' ],['https://s3.media-nisor.site/image/giichi_entry_2013_0831_220315_4135.jpg', 'https://s3.media-nisor.site/image_thumbs/giichi_entry_2013_0831_220315_4135.jpg', '', '', 1460, 1000, '' ],['https://s3.media-nisor.site/image/giichi_entry_2013_0831_220649_8201.jpg', 'https://s3.media-nisor.site/image_thumbs/giichi_entry_2013_0831_220649_8201.jpg', '', '', 1267, 1000, '' ],['https://s3.media-nisor.site/image/giichi_entry_2013_0909_095424_3871.jpg', 'https://s3.media-nisor.site/image_thumbs/giichi_entry_2013_0909_095424_3871.jpg', '', '', 1284, 1000, '' ],['https://s3.media-nisor.site/image/giichi_entry_2013_0905_014540_8805.jpg', 'https://s3.media-nisor.site/image_thumbs/giichi_entry_2013_0905_014540_8805.jpg', '', '', 1311, 1000, '' ],['https://s3.media-nisor.site/image/giichi_entry_2013_0905_014544_1092.jpg', 'https://s3.media-nisor.site/image_thumbs/giichi_entry_2013_0905_014544_1092.jpg', '', '', 1016, 1000, '' ],['https://s3.media-nisor.site/image/giichi_entry_2013_0905_014547_9755.jpg', 'https://s3.media-nisor.site/image_thumbs/giichi_entry_2013_0905_014547_9755.jpg', '', '', 1099, 1000, '' ],['https://s3.media-nisor.site/image/giichi_entry_2013_0905_014552_4982.jpg', 'https://s3.media-nisor.site/image_thumbs/giichi_entry_2013_0905_014552_4982.jpg', '', '', 967, 1000, '' ],['https://s3.media-nisor.site/image/giichi_entry_2013_0905_014555_1640.jpg', 'https://s3.media-nisor.site/image_thumbs/giichi_entry_2013_0905_014555_1640.jpg', '', '', 903, 1000, '' ],['https://s3.media-nisor.site/image/giichi_entry_2013_0905_014605_3019.jpg', 'https://s3.media-nisor.site/image_thumbs/giichi_entry_2013_0905_014605_3019.jpg', '', '', 1129, 1000, '' ],['https://s3.media-nisor.site/image/giichi_entry_2013_0905_014559_3572.jpg', 'https://s3.media-nisor.site/image_thumbs/giichi_entry_2013_0905_014559_3572.jpg', '', '', 984, 1000, '' ],['https://s3.media-nisor.site/image/giichi_entry_2013_0905_014608_6409.jpg', 'https://s3.media-nisor.site/image_thumbs/giichi_entry_2013_0905_014608_6409.jpg', '', '', 961, 1000, '' ],['https://s3.media-nisor.site/image/giichi_entry_2013_0906_014242_6060.jpg', 'https://s3.media-nisor.site/image_thumbs/giichi_entry_2013_0906_014242_6060.jpg', '', '', 1397, 1000, '' ]]; SLIDE_fullscreen_media_max_num = 14; var wrapper = $("
").attr("id","SLIDE_fullscreen_thumbs_wrapper"); var a; for(var i=0;i < SLIDE_fullscreen_media_max_num; i++){ a = $("").attr("id","SLIDE_fullscreen_" + i).text(i+1).addClass("over"); wrapper.append(a); } $("#container").prepend(wrapper); SLIDE_fullscreen_initialize(); });