이미지 클릭 시 다운로드

noscript 태그는 자바 스크립트를 사용하지 않도록 설정한 사용자가 다른 사용자를 귀찮게하지 않고 전체 이미지를 얻을 수있는 방법을 제공합니다. (원숭이제우스의 대답에서 영감을) 사용자 지정 CSS에서 “et-download-button”이라는 CSS 클래스를 추가합니다. 이 클래스는 jQuery를 사용하여 단추를 대상으로 하고 다운로드 특성을 추가하는 데 사용됩니다. 이러한 옵션 중 어느 것도 사용자를 다시 교육할 필요 없습니다. 그리고 당신은 어딘가에 비현실적이고 불가능 한 사이에 있는 상황에 있어 사용자를 다시 교육. 대부분의 경우 다운로드 버튼을 클릭하는 데 어려움을 겪더라도 사용자가 미끄러지는 경우도 있습니다. 슬립업으로 인해 불만이 생기거나 해상도가 부적절한 이미지가 저장됩니다. Button 모듈에 직접 다운로드 기능을 추가하려면 먼저 평소와 같이 파일에 연결되는 단추를 만들어야 합니다. 내 가장 인기있는 StackOverflow 대답에서,이 수정 된 스니펫을 제안하고 싶습니다 (참고 : 작동을 위해 JSFiddle 외부에서 로컬로 실행하십시오: “Whoops, 다운로드 버튼을 클릭해야 한다고 생각한다.” 사용자가 다운로드 버튼을 사용해야 한다는 것을 받아들이는 방법을 배우게 됩니다. 순수한 html / 자바 스크립트로는 할 수 없습니다. 이는 웹 서버에 별도의 연결로 별도의 파일(이미지)을 검색하고 일반 웹 서버가 콘텐츠 헤더를 설정하여 파일을 제공하므로 콘텐츠 유형을 읽는 브라우저가 형식을 내부적으로 처리할 수 있도록 결정하기 때문입니다. 이 게시물을 작성할 때 다운로드 속성은 Safari(iOS 및 OXS), 오페라 미니 또는 인터넷 익스플로러에서 지원되지 않습니다. 다운로드 특성에 대한 최신 브라우저 지원을 확인하십시오.

이미지를 마우스로 가리키거나 클릭하면 “고해상도” 및 “저해상도” 다운로드 옵션이 표시됩니다. “저감수” 이미지는 파일 크기를 매우 압축해야 하는 작은 웹 그래픽에 적합합니다. “고해상도” 이미지는 프레젠테이션, 웹 사이트, 온라인 상점 및 품질이 가장 중요한 다른 곳에서 더 좋습니다. 사용자가 이미지의 해상도에 대해 생각할 가능성은 거의 없습니다. 이 기능은 나중에 볼 수 있도록 파일을 저장해야 하는 상황이 있을 때 유용합니다. eBook 오퍼, 구입한 미디어 파일 또는 단순히 고화질 이미지에 대한 다운로드를 만들 수 있습니다. 또한 다운로드 버튼을 눈에 띄고 쉽게 클릭 할 수 있습니다. 사용자가 이미지 위로 마우스를 가져가자마자 오버레이를 추가하여 다운로드 버튼을 누를 수 있습니다. 현재 흐름이 어떻게 생겼는지 에 대한 시각적 컨텍스트 없이는 이 질문에 대답하기가 어렵지만 이 방법을 해결할 수 있는 한 가지 방법은 이미지에 확대 기능을 제공하는 것입니다. 사용자가 이미지를 가리키면 확대 커서를 표시하여 사용자가 전체 해상도 이미지를 볼 수 있도록 합니다(오버레이, 새 페이지 로드 또는 새 탭에서 이 것을 테스트할 수 있음). 현재 단추는 새 창에서만 파일을 엽니다.

단추 링크에 다운로드 특성을 추가하려면 jQuery를 추가해야 합니다. 전용 된 마우스 오른쪽 버튼 으로 저장 사용자로, 나는 일반적으로 다운로드 버튼 귀찮게 하지 않을 것 이라고 말할 수 있습니다., 그리고 난 전체 버전을 저장 가정 (그리고 내가 하지 않은 발견 하는 경우 웹 사이트에 약간 짜증이) 가정. 일관성 없는 브라우저 지원으로 인해 다운로드 속성에 반대하는 경우 일반적으로 방문자가 파일을 보는 대신 다운로드하도록 하는 zip 파일로 다운로드 파일을 압축할 수 있습니다. 호버 제안은 여기에 가장 가깝습니다. 사용자에게 이 그림이 축소판 그림이라고 말하고 전체 그림을 보거나 다운로드하거나 다운로드(또는 둘 다)하는 방법을 제공합니다. 안녕하세요 제이슨, 이것은 매우 창조적 인 옵션입니다, 나는 우리가 그들에게 직접 다운로드가 포함 할 수 있도록 모든 개인 이미지에 사용할 수 있다는 것을 알고 싶어요 . JPEG 또는 . GIF 파일? 나는 다운로드를 강제하기위한 더 전통적이고 복잡한 솔루션이 있다는 것을 알고 있습니다.