나는 이미지의 목록이 화면

의 중심에 이미지를 가져 오기 : http://johanberntsson.se/dev/fotosida/나는 이미지의 목록이 화면

무엇 현재 화면의 중앙에 이미지 이잖아에서 데이터 속성을 얻을 수있는 좋은 방법이 될 것입니다? 화면 중앙에 보이지 않는 선을 놓고 어떤 이미지가 충돌하는지 확인하십시오. 아니면 다른 제안이 있습니까?

희망을 얻으시겠습니까? 그렇지 않으면 정교합니다.

감사합니다. 나는 그래서이 작업을 수행하는 데 사용하는 더 나은 방법이 있는지 확실하지 않다 jQuery를 사용하지 않는

// finding the center point of the screen 
// note that $(window).height() returns the height of the viewport 
var center = Math.floor(($(window).height()/2)) + $(window).scrollTop(); 

// looping through images and checking each for being in middle 
$('.mainimages').each(function(i, img) { 
    var top = $(img).offset().top; 
    if(top <= center && top + $(img).height() >= center) { 
     // $(img) is in the center 
    } 
});

출처

2012-03-12 Johan

멋진 사진. 이게 도움이 되나요? http://stackoverflow.com/questions/8229291/how-to-check-if-an-element-is-in-the-view-of-the-user-with-jquery –

@gdoron 나는 그가 이미지를 의미한다고 생각한다. 스크롤하는 동안 현재 볼 수 있습니다. –

ALso http://stackoverflow.com/questions/2556168/how-to-detect-that-an-html-element-is-in-view –

은 당신이 뭔가를 할 수 있습니다.

또한 이미지 간의 여백/패딩을 고려하지 않았습니다. 그래서 만약 당신이 중심의 이미지 (다른 사람들과의 경계가없는)에 색깔이있는 경계선을 놓는 것과 같은 일을한다면, 어떤 이미지에도 테두리가없는 이미지 사이에 순간이있게 될 것입니다.

출처

2012-03-12 19:59:12 Marshall

이것은 내가 필요한 것일 뿐이다. 아픈 그냥 조금 연장 :) 감사 마샬! – Johan

나는 이미지의 목록이 화면

답변

관련 문제