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

O nama i kako ti možemo pomoći

Božji ti blagoslov i veliki pozdrav! Drago nam je da si ovdje i da te zanima naš rad, te da želiš znati tko smo mi. 😊 Nadamo se da će ti se svidjeti ono što ćeš pročitati o nama, a možda ti možemo i pomoći! Dva bračna para (detaljnije o nama pročitaj na dnu stranice), […]

Bitka za brak i obitelj, podrži nas

Ukoliko nas želiš podržati svojom donacijom, podatke i/ili kod za uplatu možeš pronaći na kraju ovog teksta, a ako imaš par minuta vremena, upoznaj nas pobliže i saznaj na koje se sve načine borimo za brakove i obitelji 😊 * * * * * * Brakovi se raspadaju, pritisci su ogromni, bračni parovi se više […]

Kako sam upoznao padra Pija

Neraspadnut 40 godina Kada sam prvi put čuo realnu i činjeničnu istinu o padru Piju, skočio sam od uzbuđenja i ushićenja: „Šta ti kažeš – neraspadnut 40 godina, ma to ne može biti, to je nemoguće, to ne mogu vjerovati, to moram vidjeti!“ Moj sugovornik hladno i uvjerljivo potvrdi: „Ja sam ga vidio. Na pola […]

Škola molitve

Društvo Kristofori organizira Školu molitve kojom želimo pomoći pojedincima u izgradnji osobne i zajedničke (grupne) molitve. Tko se može prijaviti Svatko tko želi upoznati Gospodina, graditi osobni odnos kroz molitvu (bez obzira na stupanj duhovnosti i/ili obrazovanja) te doživjeti snagu i obećanja Božje Riječi za svakodnevni život, jer „doista, u čemu je iskušan trpio, može […]

Prava, pravila i obveze sudionika tečaja

Obveze sudionika tečaja Kad grupa ima profesionalnog voditelja tečaja, dužna je donacijama financijski pomoći organizaciji kojoj voditelj pripada (za podmirenje troškova prijevoza i plaće voditelja).Voditelji tečaja u većini su slučajeva stalno zaposlene osobe kojima je to redovan posao i koji ga zato mogu obavljati na profesionalnoj (kvalitetnoj) razini.Kad grupa nastavi sama funkcionirati, više nema obvezu […]

Kristofori - Ustanova za promicanje kršćanskih vrednota

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