WebKnutselaarsHulpjes
TWEET CSS buttons Diashow 1 Diashow 2 Geluid MouseOver Imagemap JS-Klokje Websafe Kleuren Laadtijd Meten Meta-tags Mouseover Plaatjes Beschermen Popups 1 Popups 2 Popups 3 Pagina Verversen Uitklapmenu 1 Uitklapmenu 2 Textures Reactie Home
Plaatjes beveiligen, afbeeldingen beschermen, foto's niet kopiëren.
14 januari 2009
Om er voor te zorgen dat de afbeeldingen op je site niet al te gemakkelijk zijn te kopiëren kun je onderstaande methode gebuiken.
De gevorderde internetter zal er niet door worden afgeschrikt.
Als je het nog niet hebt plaats dan
<meta http-equiv="imagetoolbar" content="no">
tussen de <head> en </head> tags, om het vervelende balkje van internet explorer te blokkeren.
Zet onderstaand (groene) stukje JavaScript tussen de <head> en </head> tags:
<script language="javascript" type="text/javascript">
<!--
function doeMaarniet() {
document.oncontextmenu = function() {return false;};
}
function doeMaarwel() {
document.oncontextmenu = function() {return true;};
}
// -->
</script>
<!--
function doeMaarniet() {
document.oncontextmenu = function() {return false;};
}
function doeMaarwel() {
document.oncontextmenu = function() {return true;};
}
// -->
</script>
Zet dit (groene) stukje in de <img> tag van de afbeelding die je wilt beschermen.
onMouseover="doeMaarniet();" onMouseout="doeMaarwel();"
Voordeel van deze manier is dat op de rest van de pagina de rechtermuisknop nog wel gebruikt kan worden, zo ontneem je de bezoeker niet de functies die met het rechtsklikken zijn op te roepen.
Bovenstaande kan ook op andere elementen worden gebruikt, zoals bv. een <div> of <span>
