구글링을 뭐라고 하면 검색이 될까요? 정보
구글링을 뭐라고 하면 검색이 될까요?
본문
nanati 님은 궁금한게 있으면 소환할 선배라도 있지만
제 주변엔 소환하면 술병만 들고 찾아올 녀석들만 가득한지라...ㅠㅠ
구글링을 하다하다 도저히 검색이 어려워서..
아니 정확히 말하자면 어떻게 검색해야 하는지 애매해서요..
한글로 말하자면..
fullscreen background fade되는(헛.. 한글이 아니라는..)
제이쿼리를 찾고 있었는데요..
요기까지는 무난하게 찾아지고 그 중에서 나름 선택할 정도까지도 됩니다요..
그런데 이게 24인치 모니터까지는 그럭저럭 볼만한데
27인치 이상 모니터가 되니까 배경사진의 품질이 떨어지더라구요..
그렇다고 배경사진의 가로사이즈나 퀄리티를 올리면 트래픽에서 자유롭지를 못하구요..
그래서 풀스크린배경이지만 일정 사이즈 이상이면 더 커지지 않는..
예를들더 사진의 사이즈가 가로 2000px 세로 1300px라고 한다면
가로 픽셀 2000픽셀 미만의 모니터에서는 풀스크린으로 보이고
그 이상의 가로픽셀을 가진 모니터에서는 가로 2000픽셀로 적용되는 그런...
아~ 한글도 더 어렵습니다..ㅠㅠ
이런 제이쿼리를 찾고 있는데 어디 없을까요?
아님 어떻게 구글링을 하면 찾을 수 있을까요?
그나마 비슷한게
http://www.aaronvanderzwan.com/maximage/examples/offset.html
이 경우인데 이건 상하좌우 100px 씩 떼어내고 보여주는 식이라서..
좀 도와주십시오~
추천
0
0
댓글 3개
답변 감사합니다 ^^
이게 참 어려운게..
풀스크린에 채우는 소스들은 참 많은데
대부분의 배경들이 max-width를 줘버리면 배경이 가운데 정렬되던 것이 깨져버리고
한쪽으로 정렬이 치우쳐버리더라구요..
그래서 처음에 정한 맥시멈 사이즈가 되면 그 이상 커지지 않고 그냥 여백으로 나오는 것을 찾고 있었답니다 ^^
이게 참 어려운게..
풀스크린에 채우는 소스들은 참 많은데
대부분의 배경들이 max-width를 줘버리면 배경이 가운데 정렬되던 것이 깨져버리고
한쪽으로 정렬이 치우쳐버리더라구요..
그래서 처음에 정한 맥시멈 사이즈가 되면 그 이상 커지지 않고 그냥 여백으로 나오는 것을 찾고 있었답니다 ^^
//css
.img>img{max-width:100%;}
//script
function resizeimg(){
var bg = 2000;
var winW = $(document).outerWidth();
if (winW >= bg){
$(".img>img").css("max-width",bg+'px');
}
$(document).ready(resizeimg);
$(window).resize(resizeimg);//리사이즈 될 경우
그냥 생각나는대로 적었는데 될란가 모르겠네요. 테스트 안해봤습니다.
.img>img{max-width:100%;}
//script
function resizeimg(){
var bg = 2000;
var winW = $(document).outerWidth();
if (winW >= bg){
$(".img>img").css("max-width",bg+'px');
}
$(document).ready(resizeimg);
$(window).resize(resizeimg);//리사이즈 될 경우
그냥 생각나는대로 적었는데 될란가 모르겠네요. 테스트 안해봤습니다.
