Thread: MouseImage BBCode not working

Originally Posted by MiqDoloran

On a side note it would be great if the BBCode was modified to load both images at the same time. Right now there's a delay when mousing over. Mentioned this to @Tomaa a long time ago but I forgot what he said about it, lel

Pretty sure this could be handled by changing the code to something like:

Code:

<span onmouseover="this.lastElementChild.style.display = 'inline';
this.firstElementChild.style.display = 'none';" onmouseout="this.firstElementChild.style.display = 'inline';
this.lastElementChild.style.display = 'none';">
<img style="display: inline;" alt="" src="http://harem-battle.club/images/vNulletin/statusicon/forum_old-48.png">
<img style="display: none;" alt="" src="http://harem-battle.club/images/vNulletin/statusicon/forum_new-48.png">
</span>

Images set to display: none should still load, they just won't be rendered until such a time as the display is set to something that renders them (such as inline).

This code was ONLY made to be used in the wiki. It was never looked into for making this a forum option.

Originally Posted by Kotono

This code was ONLY made to be used in the wiki. It was never looked into for making this a forum option.

Would it be possible to set it up to work on the forum? There are contexts in which it could be handy. As an offhand example based on what I had considered using it for: Posting unit icons from Agis that toggle between the normal icon and the awakened one on hover.