Hello, Tobias :)

I am using your Link Images Macro to display external images that I use as 
backgrounds for a Blog I'm working on (Many Thanks for it, it works great! 
:) )

What I'd like to know is, is there a way to have it display images stored 
locally on ones hard drive, instead of out on the Internet?
I know, that's kinda the opposite of what it was made for, but I'd like for 
my users to be able to display their own files from their computers, 
without having to upload them somewhere, or bloat their TW with 
base-64-encoded image tiddlers.

I have tried using various formatted file links in the _canonical_URI 
field, but none work perfectly:

If I use *file://Drive:/Folder/Image.jpg* or 
*file:///Drive:/Folder/Image.jpg*, a thumbnail of the image appears in the 
Background Switcher display, but when clicked on, it just blanks the 
background of the page instead of displaying the image.

If I enclose either of those in quotation marks, 
*"file://Drive:/Folder/Image.jpg"* or "*file:///Drive:/Folder/Image.jpg"*, 
the image does not appear in the Background Switcher (but I have a CSS 
hover: background-color declaration on the links, so I can see that it IS 
there), but when clicked on, the background does change to that image.

Any ideas?

Here is the complete code for the Background Switcher:

<span style="display: block; text-align: center; font-size: 160%; font-
weight: bold; color: #FF0000;">B.O.Y.S.<br>Backgrounds On Your Screen 
:&#222;</span><hr><$linkcatcher 
to="$:/themes/tiddlywiki/vanilla/settings/backgroundimage">
<div style="border: 2px solid silver; border-radius: 10px; height: 355px; 
overflow: auto;">
<$list filter="[tag[Background]sort[title]]">
<$macrocall $name="linkimg" tiddler=<<currentTiddler>> image=<
<currentTiddler>> tooltip=<<currentTiddler>> width="128"/>
</$list>
{{currentTiddler}}
</div>
<hr>
<$link to="">
<div style="width: 100%; text-align: center;"><$button><$action-setfield 
$tiddler="$:/themes/tiddlywiki/vanilla/settings/backgroundimagesize" 
$value="contain"/>Fullscreen</$button>&nbsp;&nbsp;&nbsp;<$button><$action-setfield
 
$tiddler="$:/themes/tiddlywiki/vanilla/settings/backgroundimagesize" 
$value="cover"/>Widescreen</$button>&nbsp;&nbsp;&nbsp;<$button>Clear 
Background</$button></div>
</$link>
</$linkcatcher>

You can see it in action at http://zaphod2016.tiddlyspot.com/

Thank You
--Zaphod

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/be73a917-f9ac-48fb-9ace-212d0e54fc5f%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to