0
변수와 함께 : eq() 선택기를 사용할 수 있습니까? 아니면 대안을 사용해야합니까 ..하지만 대신 사용할 수 있습니까? 상황에 따라 갤러리를 사용합니다.JQuery - 변수가있는 eq (clickedPos) 선택기
HTML
<div id="#thumbs">
<ul>
<li>Thumbnail 1</li>
<li>Thumbnail 2</li>
<li>Thumbnail 3</li>
</ul>
</div>
<div id="#gallery">
<ul>
<li>Image 1</li> <!-- User will see this 800px x 450px image -->
<li>Image 2</li>
<li>Image 3</li>
</ul>
</div>
의사 자바 스크립트 (JQuery와)
$('#thumbs ul li').click(function() {
clickedPos = $(this).index(); //saving the index number of the clicked thumbnail
$('#gallery ul li:eq(clickedPos)').clone().insertAfter('#gallery ul li:eq(clickedPos)');
gallerywidth += 800 //gallery width grows a bit
$('#gallery ul').css({width: gallerywidth});
$('#gallery ul').animate({right:"+=800"},250);
});
상호 작용의 예를 썸네일 3
사용자가 클릭
HTML 결과
<div id="#thumbs">
<ul>
<li>Thumbnail 1</li>
<li>Thumbnail 2</li>
<li>Thumbnail 3</li>
</ul>
</div>
<div id="#gallery">
<ul>
<li>Image 1</li> <!-- at first the user saw this image -->
<li>Image 3</li> <!-- after scrolling 800px to the right, he now see this one -->
<li>Image 2</li>
<li>Image 3</li>
</ul>
</div>
그것에 나를 이길 사용하지! +1 –