전체 글 썸네일형 리스트형 [SpringFramework] Ajax 호출시 Access-Control-Allow-Origin 크로스 도메인 문제 서버쪽 해결 방안 Access-Control-Allow-Origin 크로스 도메인 문제 서버쪽 해결 방안 web.xml // web.xml에 다음과 같이 parameterFilter를 추가한다.parameterFiltercom.test.web.filter.DefaultParameterFilter JAVA // Filter를 구현한 클래스의 doFilter함수의 ServletResponse에 다음과 같이 Header값을 설정한다.// Ajax로 호출해도 Access-Control-Allow-Origin 에러가 나지 않는다. ^^public class DefaultParameterFilter implements Filter {private FilterConfig paramFilterConfig; @Overridepublic .. 더보기 [Javascript & CSS] 이미지 비율 유지해서 사이즈 조절 및 가운데 정렬하기 html script // 이미지 사이즈 조절 및 가운데 정렬function fitImage(obj){var naturalWidth = obj.naturalWidth; // img 너비var naturalHeight = obj.naturalHeight; // img 높이var imgWidth = $(obj).parent().width(); // div 너비var imgHeight = $(obj).parent().height(); // div 높이// (img 너비 / div 너비) 와 (img 높이 / div 높이) 를 이용해 비율을 구한다.if(Math.abs(naturalWidth / imgWidth) < Math.abs(naturalHeight / imgHeight)){// 작게 나온 쪽으로 크기를.. 더보기 [isotop.js] ajax 호출 후 isotop 적용 - $(window).load(function(){isoDom = $('#masonry').isotope({itemSelector: '.masonry-item',masonry: {columnWidth:0});위의 window가 load될 때 실행되는 과정이chrome에서는 ajax 호출 후 이미지 로딩 된 후에 실행되는지 잘 적용되나ie에서는 이미지 로딩 전 호출되는지 제대로 적용이 안됨 *해결ajax 호출 후 isotope를 imagesLoaded를 통해 적용해서 해결함. *필요한 js 라이브러리- isotope.js- imagesLoaded.js IE에서는 ajax 호출 후 이미지를 로딩한 후 isotope가 잘 적용됨.크롬에서는 ajax 호출 후 이미지를 로딩 하기 전에 isotope가 적용되서 화.. 더보기 이전 1 2 3 4 5 ··· 14 다음