Is it possible to create hidden images, optimised for Pinterest in Weebly?

[KLynas]

I'm looking to be able to add hidden images to my page, so that when someone clicks my pinterest button the hidden image will show up as one of the image choices. I want to be able to add long vertical images which do well on pinterest, but don't want them to show up normally as they are not very blog friendly. I found this post on how to do it, but I'm not sure where to add the code to make it apply to my image. http://icanbuildablog.com/2016/09/create-hidden-pinterest-images/

[Adam7]

That should work within an Embed Code element, @KLynas, assuming that the image you want to use with it was uploaded to your site somewhere.

[KLynas]

The weebly fb group suggested this, but it didn't work unfortunatly:

That could be added with the Embed Code element to your post. The other thing you'd need to do is upload the image itself to a hidden page of your site, then navigate to that page and right-click on it to copy the URL of the image. This URL is what you would use for the "src" part of the code.

[Adam7]

Can you paste the code you used, and provide the URL of the post you added it to?

[KLynas]

Hi Adam,

I used this:

1. Before your first “secret” image code, add the following code: <div style="display:none">
2. And after the last one, close the open code with this: </div>

In between I put the link to an image I had on a hidden page. https://5796764-627925000714612830.preview.editmysite.com/uploads/5/7/9/6/5796764/mum_1_orig.jpg

All the best,

Katherine

[Bernadette3]

I think I remember taking a look at this. I'm so sorry I didn't follow-up with you! Can you post the link to the blog you got the information from? I'll take another shot at it.

Apologies, I see the link at the bottom of this thread. 

[shamza]

Hi Adam, can you share the code that would be used?

[shamza]

Did you happen to solve this? I am looking to do the same thing for my page.

[Adam7]

I think what you need to do is add the usual pinterest code to your site that works with any image, then add something like this in an embed code element:

<div style="display:none;">
	<img src="path-to-your-image" alt="some alt text about your image" />
</div>

You'd need to replace the "path-to-your-image" with the actual URL of your image, and add some alt text.

[shamza]

Has anyone had success with this?