Example image from reddit.com Picture sums up what I want to do with CSS (and JS if needed) Essentially: I want to have an image on some website to be left-unclickable to its imageURL I want the ability to have a right-clickable context menu so I can open that imageURL in a new tab if needed How would I do this purely with CSS (am using chrome stylish plugin) and if needed Javascript? Currently I was using this: pointer-events: none; on the CSS class but this disables the ability to have a right-click context menu

Reputation: 4170

Disable clickable image but enable right click context menu

Example image from reddit.com

Picture sums up what I want to do with CSS (and JS if needed)

Essentially:

I want to have an image on some website to be left-unclickable to its imageURL
I want the ability to have a right-clickable context menu so I can open that imageURL in a new tab if needed

How would I do this purely with CSS (am using chrome stylish plugin) and if needed Javascript?

Currently I was using this:

pointer-events: none; on the CSS class

but this disables the ability to have a right-click context menu

Upvotes: 0

Reputation: 654

Use this: <IMG border=0 src="..." oncontextmenu="return false;">

Upvotes: 1

Reputation: 1300

I am not sure if you could do this with CSS only. To accomplish this with JS, try the following code:

<a href="#link" onclick="event.preventDefault();">
    <img src="img.jpg"/>
</a>

Upvotes: 2