# Using a jquery lightbox

**URL:** <https://forum.kirupa.com/t/using-a-jquery-lightbox/304841>\
**Category:** Uncategorized\
**Created:** [February 15, 2010, 10:49am UTC](https://forum.kirupa.com/t/using-a-jquery-lightbox/304841 "2010-02-15T10:49:00Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![maxelcat](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/maxelcat/32/2854_2.png) [@maxelcat](https://forum.kirupa.com/u/maxelcat)\
**Post date:** [February 15, 2010, 10:49am UTC](https://forum.kirupa.com/t/using-a-jquery-lightbox/304841/1 "2010-02-15T10:49:00Z")

</div>

Hi all  
I have an movie for site for a customer. Within the movie are thumbnails of imags. We need to get these thumbnails to open in a light box when clicked.

The customers site already uses lightbox (jquery) extensively and they have sent us all the files.

To make the image open in a light box you just make it a link and give it a class. This makes me think that I will need to import some css into flash to give the links the necessary styling.

However, I suspect that there is rather a lot more going on with the jquery files than that!!! (About which i am not an expert)

Have searched and can’t find anything too helpful.

Any one got any ideas about what I would need to do in order to make this work? Has anyone else tried it? Would I be better of just using flash to re-create the effect (which is a pretty straight forward one it has to be said)

In order to set the lb up for html you just do this in the header:

```auto

<script type="text/javascript">
  document.getElementsByTagName('html')[0].className = 'jsEnabled';
 </script>
<title>index001</title>
<link rel="stylesheet" type="text/css" href="styles/styles.css" />
    <script type="text/javascript" charset="utf-8" src="scripts/jquery-1.3.1.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="scripts/fn_combined.js"></script>
    <script type="text/javascript" charset="utf-8" src="scripts/global.js"></script>

```

and then in the body

```auto

<a class="lightbox" href="openMe.html">CLICK HERE</a>

```

any thoughts much appreciated

Edward