이미지의 미리보기 이미지를 클릭하면 전체 이미지를 표시하고 싶습니다. #preview 내부jquery - onclick : 이미지 표시
이미지는 썸네일로 표시됩니다
이미지 .imagethumb 클래스 을 IMG 태그를 사용하고 가진 하드 코딩하고 내가 엄지 손가락을 클릭하면이 사업부에 표시해야 #preview라고 클릭 한 이미지의 전체 화면을 표시하는 IMG 태그가 있습니다.
jquery에서 어떻게 구현할 수 있습니까?
: 클래스 .imagethumb과의 축소판 중 하나를 클릭하고 나면
$('.imagethumb').click(function()
{
$('#preview').find('img').attr('src', $(this).attr('src'));
});
은, 당신의 #preview DIV 내부의 img 요소의 src 속성을 클릭 한의 src 요소 (로 설정) 축소판 그림.
Worked !!! 감사합니다 –
당신의 코드는 나를 도왔습니다! –
내 대답 옆에있는 체크 표시를 클릭하여 표시 할 수 있습니까? 나는 더 많은 평판을 얻게 될 것이고이 포럼에서는 [기본 에티켓] (http://stackoverflow.com/faq#howtoask)으로 간주됩니다. – pxlshpr
Simplemodal 또는 Fancybox를 사용해보십시오. 이 트릭해야
간단한 jquery를 작성하여 시도하고 싶다. 나는 초보자이기 때문에 내 자신을 시험해보고 싶다. 제발 도와주세요 –
내 갤러리 레이아웃 디자인과 클릭 및 퇴색 이벤트와 같은 기본 jquery 기능도 잘 작동합니다. 이제 가로로 축소판 필름을 만들고 싶습니다. 현재는 5 개의 하드 코딩 된 이미지가 있으며, 축소판을 클릭하면 확대 된 이미지가 표시됩니다. 보기 http://img815.imageshack.us/img815/76/36picture1.png 로드시 로드 중 5 개의 이미지 만 표시하고 다음 버튼을 클릭하면 다음 5 개의 이미지가 표시됩니다. 달성하도록 안내해주십시오. 다음 및 이전 버튼에 ** ** 다음 ** 및 ** # 이전 ** ID가 있습니다. –
더 많은 사람들에게 노출 될 수 있도록이 질문을 새로운 질문으로 게시하는 것이 좋습니다. 또한 수행 한 연구 노력을 포함 시키면 도움이됩니다. – pxlshpr
코드를 입력하십시오. 시도한 내용 – Simone
[lightbox] (http://leandrovieira.com/projects/jquery/lightbox/)와 같은 많은 jquery 플러그인을 찾을 수 있습니다. – JMax
원합니다 간단한 jquery를 작성하여 시도해보십시오. 나는 초보자이기 때문에 내 자신을 시험해보고 싶다. 제발 도와주세요 –