Force og:image to allow only one thumbnail - javascript

This og tag displays the proper image but it also shows two other thumbnails.
<meta property="og:image"content="http://www.merckengage.com/media/images/icons/merckengage.png" />
Is there a way to tell Facebook to only use one image? Currently it shows this image and randomly selects 2 more.
This image has been removed from our server, but it is cached by Facebook and appears as a thumbnail option when sharing.
https://fbexternal-a.akamaihd.net/safe_image.php?d=AQBTn6AE6mzj1fWr&w=100&h=100&url=http%3A%2F%2Fwww.merckengage.com%2Fmedia%2Fimages%2Flanding_page%2Fkit_oa.jpg&cfs=1&upscale
I have seen similar threads regarding this, but none of the suggestions posted will stop this image from showing up.
I have changed the og:image url
I have scraped the site with the debugger
The image is 200x200
Is this happening because someone is using this image to share the site?
This image is no longer used and needs to be removed.
Any other suggestions are appreciated.

Related

Adding a back button or link to an image file page

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

Share whatsapp button for individual images

i am making a webiste and a blog which is not yet launched but before I go live, I need to add a feature. I want to add whatsapp share button. I have searched for it and have used it on my site and blog and it works but the issue is that it shares link of the entire page and thumbnail. My question is, if I have 4 images on a page, and if I want to put a whatsapp share button underneath every all 4 images so that when it is clicked, the full image and a link with the image url will be shared on whatsapp. Is it even possible? I searched for it a lot but could not find anything. Would appreciate some help here.

Embedding a hidden hyperlink

I know almost nothing about html, but I would like to make a static html page with links to many streaming video sites. And when the user clicks the link, he/she is redirected to the site but when the mouse is moved a link would appear at the top of the streaming video site allowing the user to navigate back to the original html page. Can someone point me to a tutorial that explains how to do this?
You would be better off displaying the streaming site inside of an iframe and not navigating away from your page. You can then use styling to display the iframe and the rest of your links however you want.
Would like to see some code for an attempt at this but I highly recommend you look into anchors for HTML and also understand the difference between relative and absolute paths. Guide for it is here
Example of a anchor in action:
//path to the url of google.

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.

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

Categories

Resources