The Tree of Widsdom

智慧の樹

MediaWinTog

^do( MediaWinTog, filename1, filename2, title, [class] )^

Type: Macro

Purpose: Embeds a hover-toggle Mac OS window snapshot with caption

The MediaWinTog macro inserts a window snapshot that toggles to another window snapshot during hover-over. Otherwise it’s the same as MediaImgTog.

Hover below to reveal BoxPress code

)^"><a href="#"><img src="../../../../../../img/$1" onmouseover="this.src='../../../../../../img/$2'" onmouseout="this.src='../../../../../../img/$1'" alt="Unlike MediaImg and MediaFig, MediaWin adjusts the margin to absorb the shadow that comes with window screenshot grabs." title="Unlike MediaImg and MediaFig, MediaWin adjusts the margin to absorb the shadow that comes with window screenshot grabs." class="img-responsive center-block '.replace("(

|

)", ""))^

MediaWinTog sample

This is the markup that is rendered below

^do(MediaWinTog, "bp_view_topnote_out.png", "bp_view_topnote_map.png", "HOVER over the image above and toggle its content.")^

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

HOVER over the image above and toggle its content.
HOVER over the image above and toggle its content.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.