create account

Clickable image markdown by dek

View this thread on: hive.blogpeakd.comecency.com
· @dek ·
Clickable image markdown
A quick question - is it possible to use markdown not only to link an image and provide an alt description, but also make the image clickable, so it opens the full resolution version for better viewing experience (possibly in a new window)?

I think this information will be useful for everyone posting in #art and #photography.

Have a good day!
👍  , , , , ,
👎  
properties (23)
authordek
permlinkclickable-image-markdown
categoryart
json_metadata{"tags":["art","photography","markdown","image","clickable"]}
created2016-09-17 07:24:06
last_update2016-09-17 07:24:06
depth0
children8
last_payout2016-10-18 07:40:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length346
author_reputation14,523,505,395,648
root_title"Clickable image markdown"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd0
post_id1,274,130
net_rshares6,709,542,131
author_curate_reward""
vote details (7)
@antoniotrento ·
Is possible and is possible you can also insert videos not derived from you-tube,  I created a [post where I reveal them here](https://steemit.com/steemit/@antoniotrento/steem-and-markdown-some-tricks-to-write-better-and-faster)
properties (22)
authorantoniotrento
permlinkre-dek-clickable-image-markdown-20171219t091419478z
categoryart
json_metadata{"tags":["art"],"links":["https://steemit.com/steemit/@antoniotrento/steem-and-markdown-some-tricks-to-write-better-and-faster"],"app":"steemit/0.1"}
created2017-12-19 09:14:18
last_update2017-12-19 09:14:18
depth1
children0
last_payout2017-12-26 09:14:18
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length228
author_reputation437,206,873,306
root_title"Clickable image markdown"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id24,156,702
net_rshares0
@herzmeister ·
yeah i do it all the time, check my posts tagged #photography
properties (22)
authorherzmeister
permlinkre-dek-clickable-image-markdown-20160917t123218150z
categoryart
json_metadata{"tags":["photography","art"]}
created2016-09-17 12:31:18
last_update2016-09-17 12:31:18
depth1
children4
last_payout2016-10-18 07:40:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length61
author_reputation20,893,103,396,296
root_title"Clickable image markdown"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id1,275,729
net_rshares0
@dek ·
I saw clickable images posted on steamimg - does it link automatically, or do you use special markdown?
👍  
properties (23)
authordek
permlinkre-herzmeister-re-dek-clickable-image-markdown-20160917t135453389z
categoryart
json_metadata{"tags":["art"]}
created2016-09-17 13:54:57
last_update2016-09-17 13:54:57
depth2
children3
last_payout2016-10-18 07:40:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length103
author_reputation14,523,505,395,648
root_title"Clickable image markdown"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id1,276,341
net_rshares0
author_curate_reward""
vote details (1)
@herzmeister ·
This is a link in markdown code:
`[link-text](https://some.site/your-link.html)    `
    
This is an image in markdown code:    
    
`![image-text](https://some.site/your-image.jpg)`

Now all you have to do is combine this, by replacing the `link-text` with the markdown image code, like so:

`[![image-text](https://some.site/your-image.jpg)](https://some.site/your-link.html)`

If you host your images on https://www.steemimg.com/ they'll provide the markdown code for that automatically.
👍  , , ,
properties (23)
authorherzmeister
permlinkre-dek-re-herzmeister-re-dek-clickable-image-markdown-20160917t142117803z
categoryart
json_metadata{"tags":["art"],"links":["https://www.steemimg.com/"]}
created2016-09-17 14:20:18
last_update2016-09-17 14:20:18
depth3
children2
last_payout2016-10-18 07:40:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length491
author_reputation20,893,103,396,296
root_title"Clickable image markdown"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id1,276,535
net_rshares151,529,154
author_curate_reward""
vote details (4)
@kyusho ·
It would be a nice add... sorry no answer though.
properties (22)
authorkyusho
permlinkre-dek-clickable-image-markdown-20160917t090133399z
categoryart
json_metadata{"tags":["art"]}
created2016-09-17 09:01:39
last_update2016-09-17 09:01:39
depth1
children0
last_payout2016-10-18 07:40:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length49
author_reputation77,157,400,538,407
root_title"Clickable image markdown"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id1,274,645
net_rshares0
@steemthat ·
The answer is yes. I do it all of the time...It is ugly but works... You enclose the whole image block with [ ] then at the end you add () and add your link inside the (). Works every time. Let me try in a comment....

[![SteemThatian.png](https://steemitimages.com/DQmag4bBgxjKRHWUnWwDC1JAAHqEWwTCaiqhAWQfqjj8dYt/SteemThatian.png)](https://SteemThat.com) 
It even works in comments too.
properties (22)
authorsteemthat
permlinkre-dek-clickable-image-markdown-20171116t043025506z
categoryart
json_metadata{"tags":["art"],"image":["https://steemitimages.com/DQmag4bBgxjKRHWUnWwDC1JAAHqEWwTCaiqhAWQfqjj8dYt/SteemThatian.png"],"links":["https://SteemThat.com"],"app":"steemit/0.1"}
created2017-11-16 04:30:27
last_update2017-11-16 04:30:27
depth1
children0
last_payout2017-11-23 04:30:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length387
author_reputation1,483,266,589,954
root_title"Clickable image markdown"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id20,534,059
net_rshares0