jQuery로 ID 위에 무언가 배치하기

내 웹 사이트에 대한 맞춤 포트폴리오 갤러리를 만들고 있는데 문제가 있습니다.jQuery로 ID 위에 무언가 배치하기

미리보기 이미지를 클릭 할 때 갤러리를 슬라이드로 만들고 싶지만 페이지의 모든 이미지를 바로 제출하지 않아도됩니다.

[ main img ] 
(hidden placeholder) 
    [1][2][3][4][5]

그리고 코드는 다음과 같이 작동합니다 :이 페이지는 다음과 같이 뭔가를 설정

(hidden placeholder) (<div id="placeholder">) 이상 SRC 속성을

장소 <img src="original+_lg.jpg" />를 얻기 위해 엄지 손가락에

클릭 500px을 margin-top에서 빼서 CSS3를 사용하여 이미지를 위로 이동하십시오.

스크립트를 직접 작성했지만 jQuery와 끔찍하고 잘 돌아 가지 않았습니다. 필자는 위 첨단을 바꿀 수 있었지만 루프가 아닌 수동으로 만 변경하는 것이 이상적이었습니다.

내가 가진 코드는 다음과 같습니다

$(document).ready(function() { 
$("#thumb").click(function() { 
    $("#mask").css({ 
     "margin-top":"-500px" 
    }); 
    $('img#placeholder').attr('src',function(i,e){ 
     return e.replace("slides/thumb_lg.jpg"); 
    }) 
});

});

보시다시피, 실제로 작동하지 않습니다. 실제로 친절하게 내가 도움을 정말 고맙겠 홈 페이지 (http://beta.jacobbearce.com/)

에 대한 jQuery를 코드를 관리하기 때문에

나는, 나는이 알아낼 수 없다는 매우 실망했다. 감사!

편집 : 약간의 설명 :

그것은이 스크립트는 클릭 엄지 손가락의 SRC 속성을 얻을 수 있도록, 좋은 일 (.JPG를 제거하기 위해) 마지막 네 문자를 제거 것, 다음 추가 _lg.jpg에 올바른 큰 이미지를 표시하려면 새 <img src="original+_lg.jpg">을 자리 표시 자 div 위에 놓은 다음 여백 상단에서 500px를 뺀 다음 위로 이동하여 새 이미지를 표시합니다. 조금 복잡해, 나도 알아,하지만이게 내가하려는 일에 가장 좋을거야.

출처

2011-08-17 JacobTheDev

두 개가 있어야 할 때 '바꾸기'기능에 하나의 인수 만있을 수 있습니까? 해당 HTML을 게시 할 수 있습니까? – sdleihssirhc

당신은 숨겨진 개체 틀 전에 DOM에 새로운 이미지를 삽입 .before()을 사용할 수 있습니다 : 필요에 따라

$('#placeholder').before('<img src="original+_lg.jpg" />');

는 여백을 조정합니다.

출처

2011-08-17 00:09:38

아, 감사합니다. – JacobTheDev

두 번째 부분을 명확히 할 수 있습니까? 작동하지 않을 때 마진을 어떻게 변경하려고 했습니까? –

내가하고 싶은 것은 몇 가지 수학을 할 것이므로 새로운 그림을 추가 할 때마다 이미지를 추가 할 때마다 'margin = originalMargin -500px'과 같은 것을 볼 수 있습니다. 추가 500px 이미지를 표시합니다. – JacobTheDev

jQuery로 ID 위에 무언가 배치하기

답변

관련 문제