Total Business Solutions from Profile...

WELCOME to The Profile Group of companies. No matter what line of business you are in, with increasingly demanding and global marketplaces, you will need effective business management and IT systems to enable you to remain competitive and profitable. Profile can help you. We provide hardware, software, networking, consultancy, training, maintenance and support services of the highest quality, which will constitute a total business solution for your organisation...

Read more

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.

The Widgetkit Lightbox allows you to view images, HTML and multi-media content on a dark dimmed overlay without having to leave the current page.

Features

  • Display images, videos, HTML, Iframes, Ajax requests and SWF
  • Supports YouTube, Vimeo, MP4 (h.264), WebM and FLV movies
  • Group lightboxes and mix different content types
  • Responsive design to fit all device resolutions
  • Load other widgets in a lightbox
  • 3 different opening and closing transitions
  • 4 different caption styles
  • Keyboard and mouse scroll wheel navigation
  • Built on the latest jQuery version
  • Works with Joomla and WordPress

Examples

Different animations - fade, elastic and none

Different title positions - float, inside and over

Various examples in one gallery (try also using the keyboard and mouse scroll wheel)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Load Widgets In A Lightbox

Use #wk-ID to load widgets like slideshows or galleries in a lightbox. For example: Widgetkit Slideshow

<a data-lightbox="width:600;height:300;" href="#wk-10">Lightbox</a>

How To Use

Use the HTML5 custom data attribute data-lightbox to activate the lightbox. You can set various lightbox parameters to the data attribute. For example:

<a data-lightbox="width:1000;height:600;" href="http://www.wikipedia.org">Lightbox</a>

Here is a list of the most common parameters:

  • titlePosition - How should the title show up? (float, outside, inside or over)
  • transitionIn - Set a opening transition. (fade, elastic, or none)
  • transitionOut - Set a closing transition (fade, elastic, or none)
  • overlayShow - Set to true or false
  • scrolling - Set to yes or no
  • width - Set a width in pixel
  • height - Set a height in pixel
  • padding - Set a padding in pixel
Opera 3

Pegasus Opera 3

Pegasus Opera 3 is a complete business solution: it can be fully integrated throughout your business, removing the need to run separate finance, payroll, CRM or service systems.

Dynamics Nav

Microsoft Dynamics Nav

Microsoft Dynamics NAV is a very powerful, flexible and affordable complete business management solution for small and mid-sized organisations that helps to simplify and streamline highly specialised business processes.

Sage 200

Sage 200

Sage 200 is a business wide software solution for your growing business. It manages your finances, customers and business insight in one solution.

Prospectsoft

Prospectsoft

Customer Relationship Management Software Solutions (CRM Software) from ProspectSoft Ltd provided by Profile offers market leading flexibility, integration and mobility.

Business Hours

Our support Hotline is
available over 8 hours a day

Monday-Friday: 9am to 5:30pm
Weekend: Closed

Contact Us

Sales and Solutions enquiries
Tel: 08000 195101 / 01442 236311
Fax: 01442 236337
email: info@profile.co.uk

Support and Technical enquiries
Tel: 0845 066 0099
Fax: 0845 066 0090
email: support@profile.co.uk

Our Office

  • Hemmel

    Profile

    9 Progression Centre
    Mark Road
    Hemel Hempstead, Hertfordshire
    HP2 7DW
    Tel: 01442 236311
    Fax: 01442 236337

Demo

Interested or Questions?

Profile