Tiddler title as image name

[Boazter]

Bitte, years-long newbie here.... I would like to include images that are the name of the title of each tiddler. The "alt" portion works fine but I can't get the "src" part to work. I've tried encompassing in quotes, single quotes, ampersands and no quotes. I feel it's something basic that I'm missing. My CSS works fine for placing it on the right, but I can't get the image to show. What am I missing?

<img src="_images/{{!!title}}.jpg" alt={{!!title}} class="right" >

Much thanks in advance.

MR

[Mark S.]

You're attempting to concatenate a field value in a string. Unfortunately it's not quite that simple. This trick usually works, but I haven't tested it so ... hopefully.

<img src={{{ [[_images/]addsuffix{!!title}addsuffix[.jpg]] }}} alt={{!!title}} class="right" />

[TG]

Mark,

Yes, this has worked for me. Much thanks! 

Note to self: Research and practice with "addsuffix"

Thanks again!

--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/o4pRIVvP2wo/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/99c804d3-cb23-4241-aa30-74e81a9755dbn%40googlegroups.com.

[Mark S.]

On Monday, January 18, 2021 at 9:54:10 AM UTC-8 Boazter wrote:

Note to self: Research and practice with "addsuffix"

And sometimes "addprefix"

 

[TG]

Yes, thank you!

--

You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/o4pRIVvP2wo/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/ff101bb7-d485-4eac-ad78-1a64a1c6ead4n%40googlegroups.com.

[Soren Bjornstad]

A more general way of describing the problem with your example that might help you next time: the value of an HTML attribute like src can be exactly one of four things: a "constant string in quotation marks" that never changes, or a transclusion of a {{{ filter result }}}, {{tiddler field}}, or <<macro call/variable reference>> – but never a combination of two or more of those things.* To make things just a little bit murkier but hopefully not too much, either a single filter or a single macro can be used to create a combination of those things, and then you can pass that result to the HTML attribute, as in Mark's example.

* Actually, there are other syntaxes for a constant string, but that's not relevant here.

[TG]

Thank you, Soren, for this information. I have a lot yet to learn but have been able to do a lot more than I imagined. Tiddlywiki has become an essential tool for me. I appreciate everyone's help and information.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/18cd6dc7-f182-4e3b-ab4a-45656334bb6cn%40googlegroups.com.

[TW Tones]

Boazter,

I am building a resource to help with these issues and others where we commonly get confused. Triggered by this thread I am now developing a section specifically in concatenation.

See my resource here in the mean time.  

I favor filtered transclusions {{{ filter result }}}

Regards

Tones

[TG]

This is great, Tones. I look forward to checking this out in more detail. Thank you!

--

You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/o4pRIVvP2wo/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/f8202681-f77e-41a7-835f-da5b7ed7765an%40googlegroups.com.