Adding a back button or link to an image file page - javascript

I've been asked to add a back button (or link) to pages on a site that's used to sell photos.
Once the user has selected a picture, they can click on the picture to see a full resolution version in the browser (the jpg file).
These images are big (3000px wide) but need to be viewable full res by prospective purchasers.
This is a Wordpress site using Woocommerce, although it's not, per se, a Wordpress issue.
I've explored various options and although most lightboxes provide a close or back button, these are for images opened in the lightbox and are not full resolution.
Personally, I think this facility is unnecessary, but, the fact that the client wants it would seem to indicate that other users would find it useful.
Here's an example product page:
https://www.guygriffithscollection.com/product/68-783-s-moss-jaguar-silverstone-09-05-1953-jpg/
The site has a simple password entry at the moment: gcdev

Related

Disable reverse image search on website?

I have a site with user profile pictures. I would like to protect the identities of the users, but Chrome (and other browsers) default to allowing reverse image searches on the jpeg images. Is there a way to post pictures while preventing reverse image search on them? What actually causes this option to appear on the right click menu on some images and not on others?
You may consider disabling the right-click menu on the image to prevent them from accessing any options "copy, search etc.". This is primarily a deterrent.
<img oncontextmenu="return false" src="http://placehold.it/350x150">
Any savvy user, though, will be able to do whatever they want with the image. Once it has been loaded in a browser the user owns the image locally.
If you publicly publish an image on the internet, it can be downloaded and reverse searched. Be it with chrome right click or a more manual way.
There is no way you can prevent that. At most you will be able to make it a few seconds longer to reverse search the image.
I have a site with user profile pictures. I would like to protect the identities of the users, but Chrome (and other browsers) default to allowing reverse image searches on the jpeg images.
That's novel, but once an picture is delivered to any client, they can do whatever they want with it. They have the file. They could access the image from their file system and simply do a manual reverse search.
Is there a way to post pictures while preventing reverse image search on them?
No, there is essentially no way to prevent this from happening. If someone can see the picture, they have it. There are ways to deter them, but any person slightly inclined to get the picture will find a way, be it disabling JavaScript, accessing browser cache, or simply taking a screenshot.
What actually causes this option to appear on the right click menu on some images and not on others?
That option shows up because the browser has the option for it. Since the browser is a client-side tool, you can't directly control it. No matter what you try to tell the client-side, the client can simply ignore your directions.
The safest way to protect your users is to not expose these images to the public net. Secure them behind some kind of authentication scheme on a private network and make sure to serve them over https.

Embedding PDF with flipping pages

I've seen a lot of questions and answers here that help you too embed PDF documents, but they are all "vertical read", where you scroll down to see other pages.
Is there any plugin, or maybe even a simple script that would help you to embed and read the PDF document horizontaly? Like where you see two pages and click next on top to see the next two.
Just like a book. (No fancy animations though)
Thanks.
There are plugins that lets you read pdf documents. But they might be fancy.
http://www.jqueryrain.com/2012/09/best-jquery-pdf-viewer-plugin-examples/
or
http://fliphtml5.com/free-pdf-to-jquery-flipbook.php
I like the last one especially
You can set the initial view of a PDF to show two pages.
If you add Fullscreen view to that, and the user has not deactivated clicking to the next page, it actually should give the effect you want (not verified).
If the Fullscreen view does not work, your user would use the cursorLeft and cursorRight buttons to navigate.

Use facebook as (alternate user account) causing like button to disappear

I noticed today that if I am logged in to facebook, and have selected one of my alternate business profiles (under the *, use facebook as) then it tries to put my original profile picture and a red box that says "switch" up on my pages that have the like button included using the javascript sdk, in place of the normal like button.
Here is an example of a page on which this happens: http://www.infolists.com/Arts/Painting/000000000128.php
Because I only leave enough space for the like button, it completely blows up my page layout. So that everything in that layer falls behind the layer for the next line.
Unfortunately, you have to be logged in to facebook AND using it as an alternate profile (such as a business or fan page) to see the issue. Which I admit is rare and the reason I never noticed it before.
But there has got to be a workaround for this. I've tried searching but couldn't find anyone else with the same problem.
Any help would be appreciated.
As far as I am aware, fan pages can only like objects within Facebook. The like button on websites are meant for personal profiles only.
Your only option to maintain the same layout would be to fix the div container of the like iFrame to a fixed height. The overflow hidden should also help (already set).

Is it possible for JavaScript to prevent people from right clicking to save images?

I have been studying JavaScript and I've found so many things what it can do and I feel comfortable using this language, but I'm getting worried about the right click savers out there. Is there a way to prevent people from ever saving the images from my website and put it onto their desktop?
Some girl
Some person
That person took the images
Store it on his/her desktop
Makes fun of the girl
No, there isn't any way to do this that isn't easily circumvented.
You can put some overlay onto the image, but that wont stop people with a dev console for their browser.
Another way is to load images from a script and only allow them to be shown when they are on a certain page (using php or any other server implementation)
No. If someone has gone to your web page and can see your image the browser has already downloaded the image and saved it to the local cache, whether or not the user knows how to get to it.
Also, they can always turn off Javascript in their browser
You can make it hard to download the image but it's IMPOSSIBLE to prevent image theft!
Using a grid of small images and showing just a part of whole image when user zoom in is the way most photography site uses to make it hard to steal the image. When you use grid of images then drag and drop or Save As wouldn't save whole image.
But it's still possible to steal the image by collection all parts of image and connecting them together via an image editing tool

Automatic Javascript Video Pop-Up

I need a video to automatically pop up, ideally in a lightbox. It needs to automatically pop up when a user first visits the page, play the video then close. I also need a button to play again if needed. I also only want this video to play the first time a person visits the homepage, so when you navigate back to the homepage it will not play again.
Diodeus has a good point. The stack overflow community is to help specific questions, not to write programs for each other.
You have a number of needs, and I will try to help you sort them out:
Embedded Video
Lightbox
Automatic Popup
Stored State
Embedding videos can be a challenge. Quickly searching TheGoogle (embed a video) gives me this link:
http://www.hunlock.com/blogs/Everything_You_Ever_Needed_To_Know_About_Video_Embedding
I did not read it, but the point is you can find many resources for video embedding.
Lightbox
There are many lightbox scripts ( http://www.lokeshdhakar.com/projects/lightbox2/ ), you will have to slog through them to find one that you like.
Automatic Popup
If you're using jQuery I would suggest the jQuery.ready function.
Stored State
To see if a user has visited the homepage before, I would suggest setting a cookie. http://www.quirksmode.org/js/cookies.html

Categories

Resources