代码之家  ›  专栏  ›  技术社区  ›  Chris

图像的javascript上下文菜单

  •  -1
  • Chris  · 技术社区  · 14 年前

    我有一个网站,很多人从上面复制图片,这很好。不过,我想做的是帮助他们把它嵌入到他们要去的目标网站上。

    理想情况下,这将采取这样的形式:当用户右键单击图像时,将出现一个上下文菜单,为他们提供嵌入或共享图像的简单选项。

    最好的方法是什么?

    另外,我根本不关心他们的热链接,或者保存图片,我只想给用户提供一个更简单的方式来分享图片!

    3 回复  |  直到 14 年前
        1
  •  5
  •   Matt    14 年前

    不可以。你可以避免普通用户的困扰,但事实是这个url被发送到浏览器下载。所以至少我可以查看源代码并找出原因。

    如果你真的想惹恼用户,你可以附加一个 oncontextmenu 在某些浏览器中捕获右键单击的事件。

    编辑 :

    作为对你评论的回应。

    因为您使用的是jquery,所以可以使用 this plugin 检测右击。它已经在大多数浏览器上测试过了。

    然后你可以使用 SimpleModal 显示要显示用户的模式框。

    $('img').rightClick(function (e) {
        $.modal(...);
    });
    
        2
  •  7
  •   Pierreten    14 年前

    不要将图像发送到他们的浏览器。

        3
  •  0
  •   Keith Adler    14 年前

    实际上,除了IE,您可以在所有主要浏览器中将HTML呈现为嵌入的mime数据:

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

    另一个奇怪但可行的解决方案是将图像转换为css:

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

    两者都不是一个很好的解决方案,但它强调了一个事实,即你只需在网上发布,就可能失去一个形象。

    即使你使用一个插件,人们也可以做一个屏幕截图。