Spotlight

8. lipnja 2011.

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.

Spotlight Image Spotlight Image

Custom Overlay (Bottom)

Spotlight Image

Custom Overlay (Right)

Spotlight Image

Spotlight Image

Spotlight Image

Custom Overlay (Top)

Spotlight Image

Custom Overlay (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.

Pročitajte i ovo

Novi termini Škole molitve

Naš voditelj hodočašća Šimo Đulić pokreće nove grupe Škole molitve. Odaberi svoj termin i prijavi se na 091/441-0541. Online putem Vibera ponedjeljkom od 18 do 19:30 četvrtkom od 20 do 21:30 Uživo ponedjeljkom od 19:30 do 21:00 – u Dubravi, Zagreb. Adresa: Avenija Dubrava 43 ili Hrvatskog proljeća 28, 1. kat; ulaz s dvije strane […]

Tečaj za partnerske odnose „Jakov“

Potreba za „još jednim tečajem o partnerskim odnosima“ došla je na poticaj pape Franje na čiji je zahtjev izdan dokument „Katekumenatski itinerari za bračni život“. Dokument je to koji daje smjernice i upute za ženidbeni katekumenat, odnosno za pripremu mladih za bračni poziv. Papa Franjo kaže: „Ne mogu se nazvati pripravom za brak tri-četiri predavanja […]

Ostala iskustva i svjedočanstva

On se prema meni počeo odnositi s tolikom ljubavlju…„Uvijek sam pokušavala od njega dobiti malo pažnje… Jedne večeri prije nekoliko tjedana mi je po tko zna koji put rekao: „Nikada me ne slušaš“ objašnjavajući time svoje hladno držanje prema meni posljednjih mjesec dana. Te sam noći razmišljala o njegovu ‘muškom’ načinu komuniciranja te sam shvatila […]

Od prvog predavanja su odnosi krenuli na bolje

Male grupe su nam puno pomogle u međusobnom razumijevanju. Spoznali smo dobronamjernost koju imamo jedno prema drugom. Najviše nam je pomoglo predavanje o ludom krugu i kako je važno da barem jedno u tom trenutku stane. Od prvog predavanja su odnosi krenuli na bolje, naravno ima još mjesta za rad. Ono što je pravo čudo […]

Kristofori - Ustanova za promicanje kršćanskih vrednota

Ivana Generalića 3, 48000 Koprivnica
OIB: 26050530608
Financirano sredstvima
Zaklada Rhema