Spotlight

Features

  • Create nicely animated image overlays
  • Supports custom image or HTML content overlays
  • 5 different animation modes
  • 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 an 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.

 

Kontaktdaten

Kontaktdaten

Christian Hinzmann

Handy 0176 277 50 500

City-Büro

City-Büro
Friedrichstraße 130
10117 Berlin
(nur mit Termin)

Zentrale

Zentrale:
Friedhofsweg 5
12529 Schönefeld
(nur mit Termin)
Büro 03379 591 001
Fax 03379 591 002

E-Mail

Bewertungen

√

BlauWeb.DE

Stern Stern Stern Stern Stern
SEHR GUT
4.94/5.00
34 Bewertungen
34 Kommentare
Zu den Bewertungen