이미지 클릭시 다운로드

이미지 또는 HTML에 대한 다운로드 링크를 만드는 가장 쉬운 방법은 다운로드 특성을 설정하는 것이지만이 솔루션은 최신 브라우저에서만 작동합니다. 오늘은 파일을 사용자 컴퓨터에 직접 다운로드 할 수있는 링크 또는 버튼에 다운로드 속성을 추가하는 방법을 보여 드리겠습니다. 안녕하세요 제이슨, 이것은 매우 창조적 인 옵션입니다, 나는 우리가 그들에게 직접 다운로드가 포함 할 수 있도록 모든 개인 이미지에 사용할 수 있다는 것을 알고 싶어요 . JPEG 또는 . GIF 파일? 이미지 파일 이름을 유익하게 만듭니다. 파일 이름의 사용자와 통신할 수 있습니다. 파일 이름에 치수를 넣고 범주화 또는 시스템 내에서 이미지의 크기를 사용자에게 알려주는 모든 것을 포함합니다. 따라서 사용자가 이미지를 마우스 오른쪽 단추로 클릭하면 파일 이름이 더 나은 파일이 있음을 나타냅니다. 다운로드 특성을 사용하면 원본 파일 이름 이외의 파일 이름을 지정할 수도 있습니다.

단순히 다운로드 속성의 값으로 새 이름을 추가: 이미지를 마우스 오른쪽 단추로 클릭 하는 방문자/사용자 확실히 하 고 싶어 “저장 As”, 이것을 억제 하 고 싶어, 대신 수행 될 몇 가지 복잡 한 기능을 포함 하는 납치, 간단한 짧은 기간 도구 팁 “다운로드 버튼을 클릭” 이미지 다운로드에 대 한이 버튼의 사용을 더 격려 하는 사용자에 게 마우스 오른쪽 버튼으로. 예. 자르기, 크기 조정, 텍스트 및 필터 추가 또는 기타 변경 시 스톡 사진이 적합하다고 판단됩니다. 포토샵이 없는 경우, 대신 사용할 수 있는 무료 또는 저가형 온라인 그래픽 편집기의 제비가 있다. 로고 나 브랜드를 이미지에 추가하여 자신만의 로고를 만들 수 있습니다. 충분하지 않은 경우 현재 표시 중인 이미지의 크기를 지정하는 오버레이를 추가하고 사용자가 더 나은 이미지가 있음을 알 수 있습니다: 단추 모듈에 다운로드 특성을 추가하기 위해 특정 클래스의 Button Module 링크에 다운로드 특성을 삽입하기 위해 jQuery를 추가할 수 있습니다. 이 예제에서는 CSS 클래스 “et_download 단추”(단추 모듈에 이전에 추가한 클래스와 동일한 클래스)를 사용하여 단추 모듈에 다운로드 특성을 추가하려고 합니다. 호버 제안은 여기에 가장 가깝습니다. 사용자에게 이 그림이 축소판 그림이라고 말하고 전체 그림을 보거나 다운로드하거나 다운로드(또는 둘 다)하는 방법을 제공합니다.

멋진 스톡 이미지, 블로그 및 웹 사이트에 대한 완벽한 다운로드 속성에 대한 값을 지정, 이는 다운로드 파일의 새 파일 이름이 될 것입니다 (“w3logo.jpg” 대신 “myw3schoolsimage.jpg”) : 속성의 값은 다운로드 한 파일의 이름이 될 것입니다. 허용된 값에는 제한이 없으며 브라우저는 자동으로 올바른 파일 확장프로그램을 감지하여 파일에 추가합니다(.img, .pdf, .txt, .html 등). 다운로드 속성은 광범위한 브라우저 지원이 부족하기 때문에 다른 브라우저에 대한 대체 옵션을 구현하는 것이 좋습니다. 다운로드 속성에 대 한 좋은 점은 링크는 여전히 그것을 지원 하지 않는 브라우저에서 작동 합니다. 여전히 일반처럼 파일에 연결됩니다.