2010-05-03 3 views
0

많은 사람들이 이미지를 복사하는 웹 사이트가 있습니다. 괜찮습니다. 그러나 내가하고 싶은 것은 그들이 목표로하는 웹 사이트에 그것을 포함시키는 데 도움이됩니다.이미지 용 자바 스크립트 컨텍스트 메뉴

사용자가 이미지를 마우스 오른쪽 버튼으로 클릭하면 상황에 맞는 메뉴가 표시되어 이미지를 삽입하거나 공유 할 수있는 옵션이 제공되는 것이 가장 이상적입니다.

가장 좋은 방법은 무엇입니까?

p.s. 내가 hotlinking, 또는 이미지를 모두 저장에 대해 상관 없어, 내가 원하는 건 이미지를 공유하는 쉬운 방법을 사용자에게 제공하는 것입니다!

+3

사람들이이 웹 사이트에이 쓰레기를 추가 할 때 나는 그것을 싫어합니다. 당신이 모든 지옥에 사용자를 성가 시게하고 싶다면 다음과 같은 일을하십시오. – Polaris878

+4

답변을 기반으로 한 구현의 의미가 마음에 들지 않으므로 질문을 투표하는 것이 타당하지 않다고 생각합니다. 그것은 소프트웨어 개발의 관점에서 볼 때 매우 합리적인 질문입니다. – Pointy

+0

다른 사람들이 이미지를 다른 웹 사이트에 게시 할 수 있도록 도움을 원합니다. – Chris

답변

5

아니요. 일반 사용자가 귀찮아지는 것을 막을 수는 있지만 사실은 URL을 브라우저로 보내 다운로드하는 것입니다. 그래서 최소한 소스를보고 알아낼 수있었습니다.

실제로 사용자를 귀찮게하려는 경우 oncontextmenu 이벤트를 첨부하여 일부 브라우저에서 오른쪽 클릭을 캡처 할 수 있습니다.

편집 : 당신이 jQuery를 사용하고 있기 때문에

귀하의 코멘트에 대한 응답으로

..

, 당신은 바로 클릭을 감지하는 this plugin를 사용할 수 있습니다. 대부분의 브라우저에서 테스트되었습니다.

당신은 당신이 사용자에게 보여주고 싶은 모달 상자를 표시합니다 SimpleModal 같은 것을 사용할 수 있습니다 ..

$('img').rightClick(function (e) { 
    $.modal(...); 
}); 
+0

사용자는 일반적으로 이미지를 복사하여 내 코드가 포함 된 코드에 쉽게 접근 할 수 있도록 도와주는 좋은 방법이라고 생각했습니다. – Chris

7

는 브라우저에 이미지를 전송하지 마십시오.

0

당신은 실제로 IE를 제외한 모든 주요 브라우저에서 내장 마임 데이터로 HTML을 렌더링 할 수 있습니다

http://elliottback.com/wp/convert-image-to-css/

:

http://jimbojw.com/wiki/index.php?title=Data_URIs_and_Inline_Images

또 다른 이상한, 그러나 가능한 솔루션은 CSS로 이미지를 변환하는 것입니다

어느 쪽도 위대한 해결책이 아니지만 웹에 그냥 놓아서 이미지를 잃어 버릴 필요가 있다는 사실을 강조합니다.

플러그인을 사용하는 경우에도 사람들은 화면 캡처 만 수행 할 수 있습니다.

+0

아직 저장할 수 있습니다 ... –