Simple Skinnable JQuery Lightbox


/ Published in: HTML
Save to your folder(s)

Third step of the installation.


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.