mainmbutimelinelogo-copy

Spotlight

The Widgetkit Spotlight allows you to add an overlay to your images, which fades or moves in on mouse hover. The overlay can be an image or HTML content. The default magnifier spotlight is a perfect match for the Widgetkit lightbox.

Features

  • Create nicely animated image overlays
  • Supports custom image or HTML content overlays
  • 5 different animation modes
  • Responsive design to fit all device resolutions
  • Built with the latest jQuery version
  • Works with Joomla and WordPress

Examples

If no custom overlay is set, the default spotlight fades in an overlay with a magnifier image. If you define a custom overlay, you can choose between different animations – fade, bottom, top, right and left.

How To Use

Use the HTML5 custom data attribute data-spotlight to activate the spotlight.

<a data-spotlight="on" href="/mypage.html">
    <img src="/image.jpg" width="180" height="120" alt="" />
</a>

To create a custom overlay, use a div element with the CSS class overlay. You can set the effect parameter to the data attribute. For example:

<a data-spotlight="effect:bottom;" href="/mypage.html">
    <img src="/image.jpg" width="180" height="120" alt="" />
    <div class="overlay">Custom Overlay</div>
</a>

You can set the effect parameter to fade, bottom, top, right and left.

@mbutimeline

Recent Stories

About MBU Timeline

MBU

DID YOU KNOW?
   
Here are some interesting facts about MBU Timeline, the student newsmagazine of Missouri Baptist University, in St. Louis:
   
*Our mission statement is: MBU Timeline is the student news network of Missouri Baptist University, a private Christian university that embraces the essential core value of “social change through service and leadership.”
   
*The Bible verse that drives our mission is 2 Timothy 2:15 (Worldwide English Version): “Tell the true message in the right way.”
   
*The WordPress website has been up since late-fall 2013. We average about 3,000 sessions and about 5,000 pageviews per month.
   
*Our stories and galleries get as few as 40 or 50 hits, or as many as 8,000 hits.
   
*We have readers in every state and more than 90 countries around the world. We have several readers in South America, the United Kingdom, India and Australia.
   
*Most of our readers are in Missouri, followed by Illinois, California and Texas.
   
*We do not accept advertising as we are a not-for-profit online newsmagazine.
   
*We welcome contributors from all walks of MBU life, regardless of your major. Reach out to us on Twitter at: @mbutimeline.