Not only elink() but also dynamic image links?

[Moonbase59]

Having elink() is really useful.

Do you think it would be possible to also get something like ilink() and eilink() in order to dynamically create internal and external image links?

Thinking of internal/external images to be shown, based on YAML frontmatter data, like location-based weather images, user avatars or images, etc.

[blacksmithgu]

Hmm, actually I can probably do that right now. I was looking at general image embedding which is a little more annoying (mainly figuring out how to specify when to embed/when not to embed), but have an explicit function which renders an inline image seems pretty straightforward.

[ngirard]

Count me interested ;-)

[jt196]

Been doing a bit of research this morning and found this. I think it's a feature I'd like. Spent the last hour trying to embed an image from yaml frontmatter but it's not working. Best I can do is have the url/source with this:

![image]\(`=this.image_local`\)

But that gives me this:

![image](./_resources/01B90486-2AB0-45FD-B5B1-BF148BBC0869-485-0008613D6C46C6D2.jpg)

As I think @Moonbase59 mentioned in one of the forum posts, must be to do with the parsing order or some such.

[blacksmithgu]

That specific way to do embeds is unlikely to ever work - Dataview runs after the markdown renderer, so the markdown renderer will never pick up that as an image link.

I think this will likely need explicit function support (elink() or ilink() or something similar).

[jt196]

So, tested and this kind of works using dataviewjs, very much based on some of the code that Moonbase put up on the Obsidian forums.

I had some issues where the photos would sometimes render, sometimes not. I'm assuming this is again, a render engine issue. Any ideas how to fix this? No console errors or anything. Maybe it's just a matter of opening and closing the note, or refreshing the page.

---
photo_thumbnail: _resources/985D5316-AD96-4673-970B-A7C3366C218C-485-0002EE52E3B1C099.jpg
---

Single photo:

var path = dv.current().photo_thumbnail
var link = '![image](' + path + ')'
dv.paragraph(link)

Loop through a list of photos in the YAML:

---
photos: 
  - _resources/985D5316-AD96-4673-970B-A7C3366C218C-485-0002EE52E3B1C099.jpg
  - _resources/985D5316-AD96-4673-970B-A7C3366C218C-485-0002EE52E3B1C088.jpg
---

var i;
for (i=0; i < dv.current().photos.length; i++) {
	var path = dv.current().photos[i];
	var link = '![image](' + path + ')'
	dv.paragraph(link);
}

[blacksmithgu]

The fact that embeds work at all in Dataview is an Obsidian bug - the markdown renderer that plugins use does not support them at all currently.

If you want to hack at it, the best option would be to look at the generated HTML for an image in Obsidian and then replicate that in your script.