image click but don't select

Question

I want to show an image gallary and to do that, I just have to inport a js script and I have to link to a specific js-link. That's not the problem, it works fine, but when I click the image I linked to the js, it gets selected, like I tried to copy it as I would do with text. How do I prevent that?

EDIT: Just saw that it just selects the image in Dreamweaver, so it works fine in my browser, but if someone does have the problem, feel free to read the answers below.

score 1 · Answer 1 · edited May 23 '17 at 12:30

1

You can do it with CSS:

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: moz-none;
-ms-user-select: none;
user-select: none;

From here: How to disable text selection highlighting using CSS?

edited May 23 '17 at 12:30

Community

1
1

answered Jul 16 '13 at 15:03

bobek

8,003
8
39
75

score 0 · Answer 2 · answered Jul 16 '13 at 15:02

0

This maybe what you're looking for I think... http://www.htmlforums.com/showpost.php?s=036e4d900055ebc4446548d66536e4f1&p=785058&postcount=2

<style>
img{
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
</style>

you can also use the "unselectable" attribute however not all browsers support it.

<img src="img.jpg" unselectable="on">

answered Jul 16 '13 at 15:02

Banning

2,279
2
16
20

1

I'll put that in my code, even if it works fine for me now. Thanx for answering! – Axel Köhler Jul 16 '13 at 15:06
@AxelKöhler any time I <3 Stackoverflow – Banning Jul 16 '13 at 15:07

image click but don't select

2 Answers2