Line 152: | Line 152: | ||
img.alt="normal"; | img.alt="normal"; | ||
$(img).attr("class","block-img"); | $(img).attr("class","block-img"); | ||
+ | // $("#blure-container").attr("class","hide-blure-container"); | ||
+ | // $(document.body).css("overflow-y","initial"); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function expandImgVertical(event) { | ||
+ | var img = event.target; | ||
+ | if(img.alt=="normal"){ | ||
+ | img.alt="expanded"; | ||
+ | // $(img).addClass("expanded-img"); | ||
+ | $(img).attr("class","expanded-img-vertical"); | ||
+ | // $("#blure-container").attr("class","show-blure-container"); | ||
+ | // $(document.body).css("overflow-y","hidden"); | ||
+ | }else{ | ||
+ | img.alt="normal"; | ||
+ | $(img).attr("class",""); | ||
// $("#blure-container").attr("class","hide-blure-container"); | // $("#blure-container").attr("class","hide-blure-container"); | ||
// $(document.body).css("overflow-y","initial"); | // $(document.body).css("overflow-y","initial"); | ||
Line 787: | Line 803: | ||
z-index: 20; | z-index: 20; | ||
width: 72%; | width: 72%; | ||
+ | -webkit-filter: blur(0px) !important; | ||
+ | filter: blur(0px) !important; | ||
+ | transition-duration: 1.3s; | ||
+ | } | ||
+ | .expanded-img-vertical { | ||
+ | cursor: pointer; | ||
+ | position: fixed; | ||
+ | top: 14%; | ||
+ | left: 20%; | ||
+ | z-index: 20; | ||
+ | height: 72%; | ||
-webkit-filter: blur(0px) !important; | -webkit-filter: blur(0px) !important; | ||
filter: blur(0px) !important; | filter: blur(0px) !important; |
Revision as of 01:17, 2 November 2017