Full size photos

in #steemit6 years ago

IMG_20180206_234536_793.JPG

Hey dear Steemians!

Let's see a trick to turn your photos clickable and give the ability to who visit you to click the photo and see it in full size and like this to appreciate all the details.

You can try this in the photo below.



So.. How can we do this?


When you insert a photo on your post the editor adds something like this

![island-1285147_1920.jpg](https://steemitimages.com/DQmUjVGZoQSErY6aaVnoG2DkkUmH5XahChiQsKxvr3aEwbA/island-1285147_1920.jpg)

The only important part is the photo link
https://steemitimages.com/DQmUjVGZoQSErY6aaVnoG2DkkUmH5XahChiQsKxvr3aEwbA/island-1285147_1920.jpg

Copy the link of photo, from http... till ...jpg.
Now you can add in your post this
<a href="https://blablabla.jpg"><img src="https://blablabla.jpg"/></a>
(you don't have to write just copy this text above)

https://blablabla.jpg should be the link of your photo, the one created when you insert the photo in your post and you have already copy, like that you just have to paste and substitute the https://blablabla.jpg

After this you can delete de text created by the editor, this one
![island-1285147_1920.jpg](https://steemitimages.com/DQmUjVGZoQSErY6aaVnoG2DkkUmH5XahChiQsKxvr3aEwbA/island-1285147_1920.jpg)

Before delete you can check that you have two photos in preview, one from the code you gonna delete, and the new code, that one
<a href="https://blablabla.jpg"><img src="https://blablabla.jpg"/></a>

Hope this is useful and if you have any question just comment.

Sort:  

good post ! @psos. I'm sure lots of people will find that tip really useful :)

Thanks @outerground I hope so :)

Your Post Has Been Featured on @Resteemable!
Feature any Steemit post using resteemit.com!
How It Works:
1. Take Any Steemit URL
2. Erase https://
3. Type re
Get Featured Instantly � Featured Posts are voted every 2.4hrs
Join the Curation Team Here | Vote Resteemable for Witness

Thanks! That's a useful one there.

👍

I have a question! Is there certain photo types/sizes that do not work?

Hey @chron as far as I know if you can upload it you can use this tip

The images are exactly the same size for me. Is just seems to add a source for the image.

I usually use this markdown (ignore "") to add sources to images: "["IMAGE"]"("LINK") and it seems your markdown does the same.

Hey @ I don't know if I understand what you mean.
Look
![IMG_20180216_234512_865.jpg](https://steemitimages.com/DQmUv4uZLEzQ1sPtLy2KkzDL7nNqoWUdPybkRuK1HeBSzcg/IMG_20180216_234512_865.jpg)
IMG_20180216_234512_865.jpg
This is the code you get when you upload an image into a post. The image is not clickable.

<a href="https://steemitimages.com/DQmUv4uZLEzQ1sPtLy2KkzDL7nNqoWUdPybkRuK1HeBSzcg/IMG_20180216_234512_865.jpg"><img src="https://steemitimages.com/DQmUv4uZLEzQ1sPtLy2KkzDL7nNqoWUdPybkRuK1HeBSzcg/IMG_20180216_234512_865.jpg"/></a>

Now the image is clickable and you can see it in is full size.

<a href="https://www.google.com"><img src="https://steemitimages.com/DQmUv4uZLEzQ1sPtLy2KkzDL7nNqoWUdPybkRuK1HeBSzcg/IMG_20180216_234512_865.jpg"/></a>

Now the image is clickable and if you click send you to google

Coin Marketplace

STEEM 0.28
TRX 0.11
JST 0.031
BTC 68571.56
ETH 3910.03
USDT 1.00
SBD 3.66