#modal See the Pen Untitled by Kim Mi Seon (@miseon920) on CodePen. *클릭해보세요! #modal 플러그인_bPopup $('.imagebtn').click (function(){ var ImageUrl = $(this).attr('src'); $('.p-img').attr('src', ImageUrl); $('.img-popup').bPopup({ modalClose: true , opacity: 0.8 , positionStyle: 'absolute' , speed: 300 , transition: 'fadeIn' , transitionClose: 'fadeOut' , zIndex : 10 }); }); .img-popup { display:none..
#li 갯수가 유동적일때 width 값 구하기 $(function(){ var length = $('.real_ca li').length; var ca_width = $('.real_ca').width(); var li_width = ca_width / length; //실제계산 var real_width = li_width * 100 / ca_width; $('.real_ca li').width(real_width + '%'); }); +css이용 : 부모요소에 dislplay:flex를 준후 자식 요소에 flex:1을 주어서 해결
$(".real_05 ul li a").click(function() { var i; var element = $(".real_05 ul li"); var len = element.length; for (var i=0; i{ $(this).parent("li").siblings("li").eq(i).find("img").attr("src" , $(this).parent("li").siblings("li").eq(i).find("a").data("off")); } $(this).find("img").attr("src", $(this).data("on")); });
// 이미지맵 속 링크 가지고 있도록 배열화 var imgmap_arr = new Array(); $(".tab05").find('a[data-toggle="tab"]').each(function ( index ){ var num = parseInt( index+1 ); var target = $("#det_0" + num ); var imgmap_pc = $("#m05_0" + num ); var imgmap_m = $("#mm05_0" + num ); var temp1_arr = []; $(target).find("map").each(function (m){ var temp2_arr = []; $(this).find("area").each(function (a){ temp2_arr.push( $(th..
