Google Translate Widget by Infofru

Author Site Reviewresults

Login

Spotlight

Computer & Smart Phone Programming

For Education, Company, Shop & Government

Strategy

Agenda

Sistem Agenda Surat.


Strategy

Academic

Sistem Akademik.


Processes

Accounting

Sistem Akuntansi.


Network

Queue

Sistem Antrian.


Creative

Pharmacy

Sistem Apotik.


Contact

Athletes

Sistem Atlit.


Strategy

Bakery

Sistem Toko Roti.


Strategy

Workshop

Sistem Perbengkelan.


Processes

KUD

Sistem KUD.


Network

Flower Business

Sistem Florist.


Creative

Cafe

Sistem Kafe.


Contact

Catering

Sistem Katering.


Strategy

CMMS

Computer Management Maintenance Sistem.


Strategy

Developer

Sistem Developer.


Processes

Lecturer

Sistem Dosen.


Network

FoodCourt

Sistem FoodCourt.


Creative

WareHouse

Smart & Up to date information.


Contact

Hospital

Sistem Rumah Sakit.


Strategy

Hotel

Sistem Hotel.


Strategy

Campus

Sistem Kampus.


Processes

Plot of Land

Sistem Kaplingan Tanah.


Network

Cashier

Sistem Kasir.


Creative

Finance

Sistem Keuangan.


Contact

Klinik

Sistem Klinik.

Strategy

Cooperative

Smart & Up to date information.


Strategy

Courses

Sistem untuk lembaga kursus.


Processes

Laundry

Sistem Laundry.


Network

Logistics

Sistem Logistik Barang.


Creative

MLM

Sistem Multi Level Marketing.


Contact

Commerce

Sistem Toko Online.


Strategy

Employee

Sistem Karyawan


Strategy

Tailor

Sistem Untuk Usaha Penjahit.


Processes

Peron

Sistem Penampungan Sawit.


Network

Cellphone Shop

Sistem Toko Hanphone.


Creative

C

Smart & Up to date information.


Contact

Library

Smart & Up to date information.


Strategy

Restourant

Smart & Up to date information.


Strategy

Salon

Smart & Up to date information.


Processes

Palm Oil Plantation

Smart & Up to date information.


Network

Human Resources

Smart & Up to date information.


Creative

Schools

Smart & Up to date information.


Contact

Stock

Smart & Up to date information.


Strategy

Survey

Smart & Up to date information.


Strategy

Scales

Smart & Up to date information.


Processes

Tour

Smart & Up to date information.


Network

Trucking

Smart & Up to date information.


Creative

Population

Sistem Warga.


Contact

...

Smart & Up to date information.


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 to be used with a 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 an 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.

Written by Super User on . Posted in Uncategorised

Ask a specialit

Ask a specialit → Need help for choosing perfect solution? Call us at +62.812-680-60.000

 

About Mattcom

With more than 20 years of experience Mattcom Indonesia has provided a variety of solutions to its customers in the IT field starting from IT Consultancy, Training, Software Development, Implementation, System Integration and Networking.