jayeskreezy said:
So why are you so concerned about right-clicking/hotlinking? It seems like the amount of people that will actually visit your site will be so low that you really won't have to worry about it.
Got a tip for us?
Let us know
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.
Code for No Right Click on Images?
- Thread starter jayeskreezy
- Start date
- Sort by reaction score
So why are you so concerned about right-clicking/hotlinking? It seems like the amount of people that will actually visit your site will be so low that you really won't have to worry about it.
mnkeybsness said:
Sorry, but I have to agree, it seems like a little overkill and paranoia to me
Woof, Woof - Dawg
I completely understand your reasoning. You would like to deter people as much as possible from copying images you may have spent a lot of time and personal effort to create. I don't see the big crime in that.
As for people saying it's annoying.... that's the point.
If it stops the type of people who want to steal your work from going to your site... that's the point.
Here's a code that will prevent the right click and create sparks when somebody does.... it's annoying I know.... that's the point.
Paste this code into the HEAD of your HTML document -->
<HEAD>
// size of Sparkler
var s=80;
// Sparkle size range
var fs=1;
var fb=30;
// sparkle shape or text
var st="*";
// blink rate (may affect time)
var br=5;
// blink time (may affect rate)
var bt=70;
// colors
var cl=new Array("aaffee","ccff77","ffcc44","ffaa22","ffbb66","ffff88")
// number of colors
var nc=6;
// fallow mouse (true or false)
var fm = true;
// Do not alter anything below
/***************************************************/
var bl=0;
var bi=0;
var a=s/2;
blink=setInterval('blinker(0,0)', br);
clearInterval(blink);
function add(x,y){
clearInterval(blink);
document.all.planet.style.visibility = "visible";
to=x;
le=y;
blink=setInterval('blinker(to,le)', br);
bl=0;
}
function fallow(x,y){
to=x;
le=y;
clearInterval(blink);
blink=setInterval('blinker(to,le)', br);
}
function blinker(x,y){
if(fm==true)
document.onmousemove=new Function("fallow(event.x,event.y);return false")
c=Math.floor(Math.random()*s);
d=Math.floor(Math.random()*s);
f=Math.floor(Math.floor(Math.random() * (fb - fs + 1) + fs));
document.all.planet.style.color=cl[bi];
document.all.planet.style.font=f+"px;";
document.all.planet.style.left=x-c+a;
document.all.planet.style.top=y-d+a;
bl=bl+1;
bi=bi+1;
if(bi==nc){
bi=0;
}
if(bl==bt){
clearInterval(blink);
document.all.planet.style.visibility = "hidden";
document.all.planet.style.left=-s;
document.all.planet.style.top=-s;
document.all.planet.style.color=000000;
document.all.planet.style.font=1+"px;";
document.onmousemove=new Function("return false")
bl=0;
}
}
document.oncontextmenu=new Function("add(event.x,event.y);return false")
document.write("<span id=planet style=visibility:hidden;position:absolute;top:-80px;left:-80px>"+st+"</span>")
// End -->
</script>
<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 2.32 KB -->
As for people saying it's annoying.... that's the point.
If it stops the type of people who want to steal your work from going to your site... that's the point.
Here's a code that will prevent the right click and create sparks when somebody does.... it's annoying I know.... that's the point.
Paste this code into the HEAD of your HTML document -->
<HEAD>
// size of Sparkler
var s=80;
// Sparkle size range
var fs=1;
var fb=30;
// sparkle shape or text
var st="*";
// blink rate (may affect time)
var br=5;
// blink time (may affect rate)
var bt=70;
// colors
var cl=new Array("aaffee","ccff77","ffcc44","ffaa22","ffbb66","ffff88")
// number of colors
var nc=6;
// fallow mouse (true or false)
var fm = true;
// Do not alter anything below
/***************************************************/
var bl=0;
var bi=0;
var a=s/2;
blink=setInterval('blinker(0,0)', br);
clearInterval(blink);
function add(x,y){
clearInterval(blink);
document.all.planet.style.visibility = "visible";
to=x;
le=y;
blink=setInterval('blinker(to,le)', br);
bl=0;
}
function fallow(x,y){
to=x;
le=y;
clearInterval(blink);
blink=setInterval('blinker(to,le)', br);
}
function blinker(x,y){
if(fm==true)
document.onmousemove=new Function("fallow(event.x,event.y);return false")
c=Math.floor(Math.random()*s);
d=Math.floor(Math.random()*s);
f=Math.floor(Math.floor(Math.random() * (fb - fs + 1) + fs));
document.all.planet.style.color=cl[bi];
document.all.planet.style.font=f+"px;";
document.all.planet.style.left=x-c+a;
document.all.planet.style.top=y-d+a;
bl=bl+1;
bi=bi+1;
if(bi==nc){
bi=0;
}
if(bl==bt){
clearInterval(blink);
document.all.planet.style.visibility = "hidden";
document.all.planet.style.left=-s;
document.all.planet.style.top=-s;
document.all.planet.style.color=000000;
document.all.planet.style.font=1+"px;";
document.onmousemove=new Function("return false")
bl=0;
}
}
document.oncontextmenu=new Function("add(event.x,event.y);return false")
document.write("<span id=planet style=visibility:hidden;position:absolute;top:-80px;left:-80px>"+st+"</span>")
// End -->
</script>
<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 2.32 KB -->
ITASOR said:
Perhaps the answer he was looking for was not that correct for his problem because he didn't understand the entire situation.
One way...
One nice solution is to put the image in as the background of a table cell, and use a transparent spacer gif as the actual content of the cell, set to the exact same dimensions as your image.
Stops most casual non coder right clickers - all they get is a big blank gif no matter how hard they click or drag ;-)
Its easy, it doesn't need any clunky javascript, it isn't particularly rude or provocative, but it won't stop a coder reading your source to track down the image.
One nice solution is to put the image in as the background of a table cell, and use a transparent spacer gif as the actual content of the cell, set to the exact same dimensions as your image.
Stops most casual non coder right clickers - all they get is a big blank gif no matter how hard they click or drag ;-)
Its easy, it doesn't need any clunky javascript, it isn't particularly rude or provocative, but it won't stop a coder reading your source to track down the image.
mvc said:
Nor will it prevent a screen capture, which I suppose nothing will...
Woof, Woof Dawg
MacDawg said:Nor will it prevent a screen capture, which I suppose nothing will...
Woof, Woof Dawg![pawprint.gif]()
Screen capture is too much trouble for most people. Whole reason this happens normally is because right clicking/dragging is dead easy and thieves are after all intrinsically lazy, or else they would go and get real jobs, buy images and stop ripping off impoverished creative people.
(yes that was a joke)
But seriously, to all you dismissive posters earlier in the thread saying don't do it and why bother and don't be a pain etc etc, your attitude suprises me a little - considering how much holier-than-thou and probably hypocritical talk I see on this forum about not downloading pirated music/software/movies etc, why are images suddenly not also valid IP in your eyes???
I agree with placing a transparent image on top of it. Even better is to make the image a background in css. That way people can just view source and grab the image, they have to know that the image is stored in the css.
Of course, save background image might stil work even though there is something on top of it. And nothing will save you against a file->save anyway.
Of course, save background image might stil work even though there is something on top of it. And nothing will save you against a file->save anyway.
snkTab said:
In essence, this is a wrong way to place an image in HTML/CSS. If an image is there to represent something or as a graphical explanation (ex: charts, photos, drawings, etc) and is not part of the layout of the page, it should be placed with the <img src="" alt="" /> tag with alt (and desc) information in order to be understood by text only browsers.
I only say that it is wrong because the way that I have described is considered a "standard" and/or the "guideline" way to markup a page.
mnkeybsness said:
I agree.
Images are either A. design elements that support visual content (text and images) or B. images are content. If the image is content then it should be in an img tag along with a description, making it "viewable" by all.
Adding the javaScript to disable right clicking is pointless bloat to a page. Personally I never right click, always drag and drop. I would recommend just putting a disclaimer on the site or joining http://creativecommons.org. Creative commons will give you the legal jargon for copywrite.
I would also say, have a little faith in your viewers and don't assume that they are going to steal your images.
Bottom line...
You CANNOT stop people from taking images from your site. End of story.
There are dozens of ways to get around this. Most have been mentioned here already.
Turn of scripting. Takes about 3 seconds to do in preferences, and now your script is useless.
View the html (or hopefully xhtml if the site is designed properly), get the path, take the picture.
Remember, as soon as the person views your site, the picture is already on his hard drive in the browser cache or internet temp files.
Drag and drop.
File Save.
Print Screen.
Screen capture.
This is a hopeless, and pointless, exercise. If you don't want something stolen, don't put it online.
If you want to spend some time working on your web design skills, read everything on these sites:
http://www.w3.org/
http://www.alistapart.com/
http://www.ryanbrill.com/
http://www.zeldman.com/dwws/
http://www.csszengarden.com/
Cheers!
James
You CANNOT stop people from taking images from your site. End of story.
There are dozens of ways to get around this. Most have been mentioned here already.
Turn of scripting. Takes about 3 seconds to do in preferences, and now your script is useless.
View the html (or hopefully xhtml if the site is designed properly), get the path, take the picture.
Remember, as soon as the person views your site, the picture is already on his hard drive in the browser cache or internet temp files.
Drag and drop.
File Save.
Print Screen.
Screen capture.
This is a hopeless, and pointless, exercise. If you don't want something stolen, don't put it online.
If you want to spend some time working on your web design skills, read everything on these sites:
http://www.w3.org/
http://www.alistapart.com/
http://www.ryanbrill.com/
http://www.zeldman.com/dwws/
http://www.csszengarden.com/
Cheers!
James
Bern said:Or perhaps he did, but still wanted to use a deterrent in any case?
did you read his reply to my post...
im surprised how long this discussion has gone on....thanks for everyone's ideas....i appreciate those of you who defended my request too....everyone's input was helpful