방금 내 질문에 대한 빠른 검색을 수행했으며 지점을 직접 찾을 수 없습니다.새 창에서 이미지 확대?
저는 아직 HTML에 익숙하지 않고 누군가가 내 웹 사이트에 그림을 추가하고 코드를 설정하여 클릭하면 새 창에서 그림이 확대되도록 할 수 있는지 궁금합니다.
내 웹 사이트에 약 600 명 이상의 사진을 추가 할 예정이므로 한 번 코드를 작성하고 추가 한 모든 사진에 적용 할 수 있는지 궁금합니다. 사전에
감사합니다, - 대니 B.
가이 작업을 수행하는 방법은 여러 가지가 있습니다,하지만 난 당신이 한 페이지에 이미지의 많은 간단한 사이트를해야 겠지,하고 싶습니다 줌인 할 이미지가 "멋진 방법으로"열립니다.
체크 아웃이 : http://colorpowered.com/colorbox/
이보기 데모를 클릭 한 다음 다양한 사진 처리 옵션을 참조하십시오.
기본 HTML과 최소한으로 구성된 Jquery가 필요합니다. 아주 사용하기 쉽고 멋진 효과를냅니다.
Google 주위에 키워드 lightbox을 사용 중입니다. 대부분의 솔루션은 바로 사용할 수있는 자바 스크립트입니다. 한 번만 포함하고, 일부 ID/클래스를 지정하고, onload 중에 실행하면됩니다. 나는 개인적으로 Lightbox2과 jQuery Lightbox plugin에 대해 좋은 경험을 가지고 있습니다.
가장 간단한 방법은 링크를 추가하고 target 속성을 target="_blank"으로 설정하는 것입니다. 링크는 이미지 자체를 가리켜 야합니다. 이렇게하면 정기적으로 새 탭이 열립니다. 완전히 새로운 창을 원하면
href="javascript:window.open('myimage.png','_blank','toolbar=no,menubar=no,resizable=yes,scrollbars=yes')"-1. 적어도 * href = "myimage.png"를 원하고 나머지는 onclick으로 지정해야합니다. 또한, 라이트 박스 등은 페이드 효과 이상의 역할을합니다. 닫기 버튼 및 창내 여는 것과 같은 표준 UI가 내장되어 있습니다. –
왜 내가 downvoted .. 궁금 해서요 ../ – casraf
죄송합니다, 거기에 내 이유가 더 빨리 의미. –
당신이 이것을 할 수있는 많은 방법이 있습니다. 새 창에 링크가 포함 된 이미지를 삽입하기위한 기본 HTML은 다음과 같습니다
<a href="enlarged.html" target="_blank">
<img src="photos/photo-name.jpg" />
</a>
하지만 당신은 동적으로 많은 수의 사진을 표시 할 수 있도록하려면 그것은 공정한 조금 더 복잡하다. 이 코드를 직접 작성하려면 PHP와 같은 것을 사용하여 600 개 이상의 이미지에 대해 자동으로 HTML 코드를 출력하는 것이 좋습니다. 그런 다음 각각에 대한 링크를 새 페이지로 향하게하는 대신, 자바 스크립트 라이트 박스/색상 상자와 같은 시원한 방식으로 이미지를로드하는 방법을 고려해 볼 수 있습니다.
하나의 가능한 대안은 미리 만든 사진 앨범 스크립트를 찾는 것일 수 있습니다. 나는 이것들에 대한 경험이 없기 때문에 누군가 다른 사람에게 그것에 대한 제안을하게 할 것이다.
나는 target = "_ blank"가되기로 결심했다. Lightbox2는 훌륭 할 것 같지만 실제로 사용하는 방법과 모든 코드를 어디에 넣을 지 잘 모르겠다. 내가 찾은 지침은 여전히 사용자가 현장에서 표준 지식을 갖고 있다고 가정합니다. 현재 그 지식은 갖고 있지 않습니다. 그래서 필자는 좀 더 익숙해지기 전까지 목표/빈 접근법을 고수하고 Lightbox로 업그레이드 할 것입니다.
다시 한번 말씀드립니다. 모두에게 감사드립니다. 여러분은 항상 신속하고 정확하게 대응합니다.
많은 감사와, - 대니 B
그것의 꽤 큰 단계는 이해 JQuery와에 모든 HTML을 모르는에서 뛰어,하지만 나는 이것이 아마도 최선의 경로 것 같다. 방해하는 js에 대해서는 –