This easy to follow inline JavaScript is a popular way of letting your users see additional information without navigating away from the current page. With Javascript you can specify the dimensions, visible toolbars, and scrollbars of this newly created window. It can used to show images or HTML documents.

If you wish to have the window contain text, substitute the <img> for your own HTML.

If you are using the Javascript to display images, you will want the width/height dimensions to be about 10 pixels bigger than the side of the image to prevent visable scrollbars.

Snuggle Time
<div style="width: 156px; margin: 0px auto 9px auto;">
<a href="javascript:void(0)" onclick="window.open(‘popwindow.jpg’,'enlarge’,'width=540, height=410, menubar=no, status=no, scrollbars=yes’)" title="Snuggle Time"><img src="popwindow_thumbnail.jpg" width="150" height="111" alt="Snuggle Time" style="border: 1px solid #dddddd; padding: 3px;" /></a>
</div>

Related posts:

  1. Javascript: Image Swap
  2. Javascript: Easy Rollover Buttons
  3. Formatting Tables
  4. Background Color & Images – Not Tables!
  5. Images <img>
  6. CSS: Menu Lists
  7. CSS: Padding
  8. CSS: Margin
  9. CSS: Border
  10. SEO: Image Optimization
  11. SEO: Link Building
  12. Menu Lists <ul>, Definition Lists <dl>
  13. CSS: Font Properties
  14. Heading Tag <h1> – <h6>
  15. CSS Tutorials
  16. Javascript Tutorials
  17. KDWHD Tutorials
  18. eBay Tutorials
  19. SEO Tutorials
  20. HTML 4.01 Strict Tutorials
  21. Paragraph Tags <p>
  22. SEO: Keyword Selection
  23. Beginner HTML: Your First Webpage
  24. CSS: External Style Sheets
  25. CSS Syntax
  26. Video: How to Install your “me” Page on eBay
  27. Video: How to Create Custom eBay Store Pages
  28. Video: How to Install Custom eBay Store Navigation
  29. Video: How to Install Custom eBay Store Front Page
  30. How Do I Add a Background Image or Color?