Advanced Search

Simple Skinnable JQuery Lightbox

/ Published in: HTML
Save to your folder(s)
Third step of the installation.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <!--lightbox:start-->
  2. <!--Add on the footer of your page (Before the </body> tag) -->
  3. <div id="ShadowLightbox" class="ShadowLightbox">&nbsp;</div>
  4.  
  5. <div id="ContentLightbox" class="ContentLightbox">
  6.   <div class="ContentLightboxTitle">
  7.     <table width="100%" cellspacing="0" cellpadding="0">
  8.       <tr>
  9.         <td>
  10.           <div id="titleLightbox">
  11.  
  12.           </div>
  13.         </td>
  14.         <td align="right">
  15.           <div id="LightboxCloseButton" class="ContentLightboxCloseButton" style="display:none; float:right;">
  16.             <a href="javascript:CloseLightbox();">
  17.               <img src="Images/BtClose.png" onmouseover="this.src='Images/BtCloseOver.png'"onmouseout="this.src='Images/BtClose.png'">
  18.             </a>
  19.           </div>
  20.         </td>
  21.       </tr>
  22.     </table>
  23.   </div>
  24.  
  25.   <div id="bodyLightbox" class="ContentLightboxBody">
  26.     <div id="wrapperLightbox" class="ContentLightboxWrapper">
  27.       <span id="LightboxContent"></span>
  28.       <input type="button" onClick="CloseLightbox();" id="LightboxButton" style="display:none;"></a>
  29.     </div>
  30.   </div>
  31. </div>
  32. <!--lightbox:end-->

URL: http://www.digitalwks.com/blogs/diogo-raminhos/simple-skinnable-jquery-lightbox

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.