2013-01-10 2 views
0

안녕하세요 저는이 갤러리 플러그인을 만들었습니다. 이제는 문서에 상대적으로 플러그인이라고 불리는 다음 클래스를 찾는 방법이 필요합니다. 이미지가 다른 상위 div에 있습니까? 모든 이미지는 동일한 상위 사업부에 앉아하지만 몸에 같은 수준의 상대와 함께 모든 이미지를 얻을 수있을 좋아하면 위의문서에 상대적으로 다음 클래스 찾기 - jQuery

<!-- HTML --> 
<div id="a"> 
    <img class="image" src="/gallery/a.png" style="max-width:200px;max-height:200px;"/> 
</div> 
<div id="b"> 
    <img class="image" src="/gallery/b.jpg" style="max-width:200px;max-height:200px;"/> 
</div> 
<div id="c"> 
    <img class="image" src="/gallery/c.jpg" style="max-width:200px;max-height:200px;"/> 
</div> 


// jQuery 
$('.image').imageGallery(); 

var next = $(self).next().attr("src"); // "Self" being the current image its on 

아래의 코드를 확인 만 가능한 것입니다.

비 작동 예 :

$("body").find(self).next() 

답변

2

스토어 모든 이미지 : 나는 어떤 상황에서와 같이 다음 $ (자기)에 대한 전체 문서를 검색 할 수 있도록 걸려

var images = $('.image'); 
images.imageGallery(); 

var next = images.eq(images.index(self) + 1); 
+0

+1 니스. 그러나 다음 이미지가 없으면'undefined' 오류가 발생합니다. 이것 [피들] (http://jsfiddle.net/fTuf2/)을 확인하십시오. –

+0

당신은 이제 내 갤러리를 삶으로 가져 왔습니다! – str11

+0

위치를 얻기 위해 이미지 배열에 대해 자기 자신을 참조 할 여지가 있습니까? – str11

0

이 밖으로 시도 할 수 있습니다

내가 아는 $(self).parent().next().child().attr("src");

이 먼 길을 보인다

var images = $("body").find("img"); 
var next = images[images.index(self) + 1]; 
source = $(next).attr('src'); 
+0

을 이미지는 여러 부모 등으로 구분 될 수 있습니다. – str11

+0

이 경우 모든 이미지에 대한 참조를 만들어야합니다. 그리고 다음 이미지에 액세스하고 싶을 때마다 사용하십시오. – dunli

+0

업데이트 답변 ... – ATOzTOA

0

당신은 다음 코드를 사용할 수 있습니다 가야하지만 이것은 도움이 될 수 있습니다. 한 번 .imageGallery();를 적용하고 그 목록을 다시 사용할 수있는

관련 문제