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$]]
</$button>
<$reveal type="popup" state="$:/$image$">
<div class="ddimg">
[img[$image$]]
$text$
</div>
</$reveal>
\end
CSS:
.ddimg {
min-width: 380px;
border: 1px solid #bbb;
background-color: #ffffff;
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:
<<popImg
image: "maps/celu_tower_f4_notated.png"
text: "sample text"
size: "200"
>>
<<popImg "maps/celu_tower_f2_notated.png">>
--
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 view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/4efa7278-4417-43d4-8c5b-c45c53bba5b2%40googlegroups.com.
