[tw5] Re: Popup images?

2019-09-10 Thread Leon Gomez
Thank you both, they work well

Fiddling around a bit this worked for me as well. It pops images under the 
thumbnail and take the state name from the image so as long as they are not 
repeated there is no conflict:

Macro:
\define popImg(image:"", text:"", size:"100")

<$button popup="$:/$image$" class="ddthumb s$size$">
[img[$image$]]

<$reveal type="popup" state="$:/$image$">

[img[$image$]]
$text$



\end

CSS: 
.ddimg {
min-width: 380px;
border: 1px solid #bbb;
background-color: #ff;
padding: 3px;
margin: 4px 0 0 0;
white-space: nowrap;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); 
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); 
}

.ddimg img {
display: block;
}

.ddthumb {
background: white;
border: 1px solid black;
padding: 0;
}

.s100 img {width: 100px;}
.s200 img {width: 200px;}
.s300 img {width: 300px;}
.s400 img {width: 400px;}
.sFull img {width: 100%;}



Called: 
<>
<>



-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/4efa7278-4417-43d4-8c5b-c45c53bba5b2%40googlegroups.com.


[tw5] Re: Popup images?

2019-09-09 Thread Anjar
Hi Leon,

It is also possible to do enlarge the image inside the tiddler. Something 
like this should work:


.thumb{
width: 25%
}
.full{
width: 100%
}


<$button class="tc-btn-invisible" set="temp" setTo="full">




where you have to input the image path where I have written ***imgsrc***. In 
addition you have to create a tiddler with title "temp" and text "thumb"

Best,
Anders

mandag 9. september 2019 20.55.23 UTC+2 skrev Jon følgende:
>
> Hi Leon,
>
> This will open up the image in the browser. 
>
> Put the following in a tiddler and tag it with  $:/tags/Macro
>
>
> \define imageit(image:"image.jpg" path:"FolderName/")
>
>  height="45%" />
> \end
>
>
> Then in the tiddler you want the image, include the following:
>
> <>
>
>
> https://groups.google.com/forum/#!topic/tiddlywiki/P2olY8Vpv94
>
> Regards
> Jon
>
> On Monday, 9 September 2019 05:07:22 UTC+1, Leon Gomez wrote:
>>
>> Is there any way to pop up, open or enlarge images to their natural size 
>> (ideally within the tiddler)?
>>
>

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/f0eb5ee8-6291-40f2-8d8b-88c214b9c5e0%40googlegroups.com.


[tw5] Re: Popup images?

2019-09-09 Thread Jon
Hi Leon,

This will open up the image in the browser. 

Put the following in a tiddler and tag it with  $:/tags/Macro


\define imageit(image:"image.jpg" path:"FolderName/")


\end


Then in the tiddler you want the image include:

<>


https://groups.google.com/forum/#!topic/tiddlywiki/P2olY8Vpv94

Regards
Jon

On Monday, 9 September 2019 05:07:22 UTC+1, Leon Gomez wrote:
>
> Is there any way to pop up, open or enlarge images to their natural size 
> (ideally within the tiddler)?
>

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/72375877-cb3e-49f3-a5a1-94870b676b57%40googlegroups.com.