More basic version of the problem: Is there some way I can use a fallback
image if the source for an external image is missing?

On Sun, Mar 6, 2016 at 12:56 AM, David Allen <dvainwebbc...@gmail.com>
wrote:

> Well, I thought that worked.  It's now causing a different problem.
>
> I have individual image tiddlers that contain an <img> tag, pointing to an
> external image and specifying a CSS class.  I then have a series of macros
> that transclude said tiddler within divs that are modified by other CSS
> classes.  Since I wanted the image tiddler to show an image without knowing
> its file extension, I did the following to make an image fallback:
>
> Example Image Tiddler:
> <object data="x.jpg" class="basic_image">
> <object data="x.png" class="basic_image">
> <img src="x.bmp" class="basic_image">
> </object>
> </object>
>
> I have the following macros that I use with the image tiddler:
>
> \define single_image(target_image)
> <div class="single_image">
> <<basic_image $target_image$>>
> </div>
> \end
>
> \define basic_image(target_image)
> <$button message="tm-modal" param="$target_image$" class="button_image">
> <div class="image_container">
> {{$target_image$}}
> </div>
> </$button>
> \end
>
> I use the following CSS styles:
>
> .basic_image {
> min-width: 150px;
> }
>
> html .image_container {
> background: #444444;
> border-radius: 5px;
> padding: 5px;
> }
>
> .button_image{
> padding: 0px;
> margin: 0px;
> background-color: #444444;
> border: none;
> }
>
> .single_image {
> float:right;
> width: 150px;
> margin: 5px;
> }
>
> If both of the object tags are pointing to non-existent files but the
> image tag is pointing to an existent one, this is the result:
>
> https://goo.gl/photos/nyvmxDc2zEaX9sov8
>
> However, if one of the object tags is pointing to an existent file, this
> is the result:
>
> https://goo.gl/photos/bUamzuVp4sAkAYpa8
>
> The first situation is the intended result.  It looks like the <object>
> tag isn't inheriting the width of the div with the single_image class, and
> I'm not sure how to rectify this problem.
>
>
> On Sat, Mar 5, 2016 at 11:43 PM, David Allen <dvainwebbc...@gmail.com>
> wrote:
>
>> Nevermind, solved it using HTML like this:
>>
>> <object data="Race_Vulcan.png" class="basic_image">
>> <img src="Race_Vulcan.jpg" class="basic_image">
>> </object>
>>
>> On Sat, Mar 5, 2016 at 9:57 PM, David Allen <dvainwebbc...@gmail.com>
>> wrote:
>>
>>> I have multiple images that I'm using that are of various types, and I'd
>>> like to create a macro that can easily create the image code I need without
>>> having to switch over to my containing folder and find the image
>>> individually (I use TiddlyDesktop).  Is there some way I can determine if a
>>> file exists from TiddlyWiki before I try to use it as an image's path?
>>>
>>> For example, I wanna generate the following:
>>>
>>> <img src="Race_Vulcan.jpg" class="basic_image">
>>>
>>> I can generate the line as-is with a macro easily, but I'd like the
>>> macro to change the extension of the filename if the file doesn't exist.
>>> That way, all I have to type is <<fetch_image Race_Vulcan>> and it will
>>> generate the first <img> line if a file called Race_Vulcan.jpg exists, or
>>> fall back to Race_Vulcan.png, .bmp. etc if it does not.
>>>
>>> --
>>> 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/5CzIAf9hJI4/unsubscribe.
>>> To unsubscribe from this group and all its topics, send an email to
>>> tiddlywiki+unsubscr...@googlegroups.com.
>>> To post to this group, send email to tiddlywiki@googlegroups.com.
>>> 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/b43ef77e-18ed-49fd-ba69-6fa616178fc0%40googlegroups.com
>>> <https://groups.google.com/d/msgid/tiddlywiki/b43ef77e-18ed-49fd-ba69-6fa616178fc0%40googlegroups.com?utm_medium=email&utm_source=footer>
>>> .
>>> For more options, visit https://groups.google.com/d/optout.
>>>
>>
>>
>>
>> --
>> David Allen
>>
>
>
>
> --
> David Allen
>



-- 
David Allen

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
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/CALaYjLgJqER%2BWVbD8qFOCJaLbR4Ab4HEJiT%2BTd7hgEFJy7EZsQ%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to