RocketTheme

General => General Discussion => Topic started by: Robert Wade on February 25, 2008, 06:59:38 PM



Title: Protect Images from being downloaded
Post by: Robert Wade on February 25, 2008, 06:59:38 PM
I have a client who wants users to be able to only print individual images on the page and not be able to download them.  I've looked around and havent really come up with a solid solution just yet so I was hoping to get some input or feedback from others who may have run across this issue.  I know I could use a javascript to disable right-clicking however I really dont want to do that nor does my client.  Any ideas or suggestions?  Is it possible to have a print icon for each image I choose, mambot, etc?

Thanks  :)


Title: Re: Only Print Images?
Post by: Joe K on February 25, 2008, 08:31:32 PM
Can you do like Andy does with logos on the templates and cover them with a blank image?

Example: Right click on the logo in the HiveMind Template and all it lets you view is a blank.


Title: Re: Only Print Images?
Post by: Robert Wade on February 25, 2008, 08:44:38 PM
hmmmm....I think that might work!  Is there a mambot or something or do I just need to insert code?

Thanks for the tip Joe! :)


Title: Re: Only Print Images?
Post by: Roland Deschain on February 25, 2008, 10:33:49 PM
No matter what you do, there will be a way to get the images, as far as I know. :-\

Watermarking may be a solution (kind of).


Title: Re: Only Print Images?
Post by: Robert Wade on February 26, 2008, 11:16:27 AM
I'm ok w/ that Roland.  This is what I would need to add to utilize the blank.gif correct?

Quote
<img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/blank.gif"

Add the above code to my image(s) and of course upload a blank.gif image to my images dir correct?  Does it matter what size the blank.gif file is?  Can I make it a 1x1?


Title: Re: Only Print Images?
Post by: Chris S on February 27, 2008, 09:49:20 AM
Just as an Example for an Image called "mypic.jpg" (residing in /images/stories/) with the dimensions 200x150, you would need:

<img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/blank.gif" class="mypic" />

and in your css

.mypic {
   background: url(/images/stories/mypic.jpg);
   width: 200 px;
   height: 150 px;
}

This will effectively keep Mr. StandardJoe from rightclick-saving your pics, since the only thing, he will get, is blank.gif.

However, you'll have to create a CSS Class for every single image...

Maybe I'll write a Mambot one day ;)


Title: Re: Only Print Images?
Post by: Joe K on February 27, 2008, 09:50:43 AM
It is already the afternoon, you got that mambot done yet?  Don't slack and let us down.  ;D


Title: Re: Only Print Images?
Post by: Robert Wade on February 27, 2008, 02:28:06 PM
Chris - you rock!  Thanks for the info.

If I knew how, I'd write the dang Mambot.  Maybe I'll figure that out one day.


Title: Re: Only Print Images?
Post by: Chris S on February 27, 2008, 05:21:44 PM
Believe it or not, I just finished the J!1.5-Version :P

And since the idea is born here, it's called RokCloak! :D

The Syntax is {rokcloak}path/to/image.jpg{/rokcloak}
Possible Arguments are:

  • title - sets the spacer's ALT-Tag
  • align - set Image-Alignment
  • vspace - set vertical spacing
  • hspace - set horizontal spacing
  • css - add additional CSS

{rokcloak vspace=|10| hspace=|10| align=|left| title=|my rokcloak sample image| css=|border: 1 px solid black; |}images/stories/fruit/pears.jpg{/rokcloak}

You can see a Sample here: http://test.gameguide.cc/index.php/rt-tutorial/pc-gaming-blog/pc-news-blog

This is kind of an RT-exclusive Alpha-Release... Everything should work fine, but there might be some changes still ;) However - Updating is not a problem.

Have Fun ;)

The 1.0.x-Version will be finished by tomorrow, I guess ;)


Title: Re: Only Print Images?
Post by: Roland Deschain on February 27, 2008, 05:29:26 PM
Hey Chris, just in case no one has told you in the last 5 minutes or so, you rock dude! :D

Folks can always take a sceenshot, but using smaller, less quality images can prevent damage done by that, and a watermark helps in some situations. ;)


Title: Re: Only Print Images?
Post by: Chris S on February 27, 2008, 06:23:23 PM
Thanks, Roland :)

Yeah, there are still ways to bypass this, that just can't be prevented (like screenshots), but they all include some "work" and people tend to be lazy, so most will just give up :P

By the way - the Plugin can also be used for "Watermarking" - you can replace the spacer.gif with a transparent image holding your Watermark (just keep the name spacer.gif) - however, you will then be bound to it's dimensions.
Nice idea anyway - I'll probably implement a "Watermark"-Argument in the next release ;)


Title: Re: Only Print Images?
Post by: Robert Wade on February 27, 2008, 06:43:19 PM
Chris - I 2nd Rolands comment, you do ROCK!  Many thanks for putting this together.  Look'n forward to testing the J1.0.x version tomorrow. D


Title: Re: Only Print Images?
Post by: Joe K on February 27, 2008, 07:04:26 PM
Wow, fantastic Two thumbs up!


Title: Re: Only Print Images?
Post by: Chris S on February 28, 2008, 09:07:14 AM
There we go with the J!1.0-Version ;) Have fun, using it ;)

p.s.: since this might be interesting for many users, I made it sticky and changed the Topic :)


Title: Re: Protect Images from being downloaded
Post by: Robert Wade on February 28, 2008, 10:56:35 AM
Whoohooo!  My first RT sticky post! :D


Title: Re: Protect Images from being downloaded
Post by: Chris S on February 28, 2008, 10:57:24 AM
Congratz! :P


Title: Re: Protect Images from being downloaded
Post by: Robert Wade on February 28, 2008, 07:15:12 PM
Chris... Installed the mambot.  I'm not sure I understand how to use it with RokZoom based on the syntax you posted for the mambot.  You mention...

Quote
To provide ALT-Tags, please use the syntax {rokzoom title=|your description|}image_url{/rokzoom}.

aren't these tags already used by RokZoom?  Did you mean {rokcloak title=|your description|}image_url{/rokcloak}. ?

Speaking of RokZoom....will this work with RokZoom thumbnails?

Thanks


Title: Re: Protect Images from being downloaded
Post by: Chris S on February 29, 2008, 08:05:56 AM
Argh... I meant {rokcloak...} of course ;) And no, in it's current form, it's unfortunately not compatible with rokzoom (whereas it's a general issue, that you can't "stack" mambots/plugins).
RokCloak will only work with images, that are embedded "as-is", with no additional functions applied. I'll talk to Andy about that later - maybe we can "merge" the projects to make that a future Feature of RokZoom or something.


Title: Re: Protect Images from being downloaded
Post by: Robert Wade on February 29, 2008, 07:12:31 PM
Ok cool.  I sent him a PM already telling him about your good work and contribution.  I also suggested it be added to templates going forward and including it in RokZoom would be a great value add.


Title: Re: Protect Images from being downloaded
Post by: Terp on April 12, 2008, 10:37:40 AM
That cloaking is cool! :)

I am, however, confused; if your goal is to prevent right-click saves, why not just insert a few lines of js in the template to prevent right-clicks? :)


Title: Re: Protect Images from being downloaded
Post by: ŠLECKYGENIUS on April 13, 2008, 11:49:18 AM
His goal was not to prevent right clicks, instead to find a different way. I always think of simply disabling right clicks abit primitive, and easy to get round...


Title: Re: Protect Images from being downloaded
Post by: Sven Duesterwald on April 26, 2008, 11:34:11 PM
His goal was not to prevent right clicks, instead to find a different way. I always think of simply disabling right clicks abit primitive, and easy to get round...

well i don't want to be rude, but getting around this protection is as easy as getting around the right click prevention imho.
as long as i get siteinformations listed in my browser i can browse all pictures that get loaded. same goes for Firebug and others... it just lets the guy search a min longer. Maybe he just gets a screenshot program and makes a life copy of the image only. :D

Ah well i understand why thats a case for many people, but i just don't think that this will stop people from ripping content. ;)


Title: Re: Protect Images from being downloaded
Post by: William E Dooley on August 24, 2008, 07:14:57 PM
No, but it will help stop the common users that just right click without using the js script. Most will think that security has been added and simply go on to the next site. But yes, some will figure it out. Using the web dev tools on firefox will show all images and paths.

William


Title: Re: Protect Images from being downloaded
Post by: David Tanguay on September 05, 2008, 06:47:45 PM
No matter what you do, there will be a way to get the images, as far as I know. :-\

Watermarking may be a solution (kind of).

Yes anyone could still do a screenshot and then post it into photoshop and crop the picture they want. Unfortunately there is no way to protect against this unless you use a watermark..  but if a user knows how to do a screenshot and crop in photoshop they can probably remove the watermark too with the heal tool.