Hover Image

CSS code to apply to MediaWiki:Wikia.css:

.hoverimage img {
    opacity: 0.85;
    filter: alpha(opacity=85);
}
 
.hoverimage img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

This will allow the image to be translucent to start with, and turn totally solid upon hover. Example coding:

<span class="hoverimage">[[File:Example Popup.png]]</span>

Will produce:

This was originally designed for Isle of Tune Wiki, but can be applied to other wikis.

This can also be applied to the wiki wordmark like this, such as on this page. CSS to apply:

#WikiHeader h1.wordmark img {
    opacity: 0.85;
    filter: alpha(opacity=85);
}
 
#WikiHeader h1.wordmark img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
}