Lightbox

Need Lightbox? Contact Us!

Lightboxes Shortcodes

The lightboxes are driven by Magnific Popup script.


Single Image

Simple popups with different styles.

Default
Project Image
Default with Border
Project Image
With Icon
Project Image
Hover Effect
Project Image

HTML Shortcode

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<div class="row">
    <div class="col-md-3">
        <a class="lightbox" href="/portals/2/img/projects/project.jpg" data-plugin-options="{'type':'image'}">
            <img class="img-responsive" src="/portals/2/img/projects/project.jpg" alt="Project Image" />
        </a>
    </div>
    <div class="col-md-3">
        <a class="img-thumbnail lightbox" href="/portals/2/img/projects/project.jpg" data-plugin-options="{'type':'image'}">
            <img class="img-responsive" src="/portals/2/img/projects/project.jpg" alt="Project Image" />
        </a>
    </div>
    <div class="col-md-3">
        <a class="img-thumbnail lightbox" href="/portals/2/img/projects/project-4.jpg" data-plugin-options="{'type':'image'}">
            <img class="img-responsive" src="/portals/2/img/projects/project-4.jpg" alt="Project Image" />
            <span class="zoom">
                <em class="fa fa-search"></em>
            </span>
        </a>
    </div>
    <div class="col-md-3">
        <a class="img-thumbnail img-thumbnail-hover-icon lightbox" href="/portals/2/img/projects/project-4.jpg" data-plugin-options="{'type':'image'}">
            <img class="img-responsive" src="/portals/2/img/projects/project-4.jpg" alt="Project Image" />
        </a>
    </div>
</div>

Zoom Image Gallery + Carousel

Dialog with CSS animation

Animations are added with simple CSS transitions, you can make them look however you wish.

Open with fade-zoom animation Open with fade-slide animation

Dialog example

This is dummy copy. It is not meant to be read. It has been placed here solely to demonstrate the look and feel of finished, typeset text. Only for show. He who searches for meaning here will be sorely disappointed.

Popup with video or map

In this example lightboxes are automatically disabled on small screen size and default behavior of link is triggered.


Newsletter

Keep up on our always evolving product features and technology. Enter your e-mail and subscribe to our newsletter.

About Our Company

 11 Microsoft qualified network engineers are directly employed full time by Renaissance.

All staff split their time equally between on site and off site work. While in the office these skilled staff answer the helpline calls if you have a problem.

We also have 3 software developers who add their considerable knowledge where required.

3 Admin staff complete the company profile.

Get in touch

  • Renaissance Computer Services Ltd
    Unit 20, Orbital 25 Business Park
    Dwight Road, Watford, Herts
  • WD18 9DA
  • Phone: 01923 690700
  • Email: web2018@renaissance.co.uk

Get in touch

  • Address: 1234 Street, United States

  • Phone: (123) 456-7890

  • Email: mail@example.com

cookieassistant.com