Magic Thumb™ for eBay

Click to enlarge. Great for eBay images!

Install now

  1. Download the Magic Thumb™ demo or buy the full version.
  2. Upload the magicthumb.js and magicthumb.css files to your website.
  3. Login to eBay and create your listing as normal.
  4. Here comes the clever bit... Click the HTML tab and enter the following code at the top:
    <link rel="stylesheet" type="text/css" href="http://example.com/magicthumb.css" />

    <script type="text/javascript">
    var _sc = document.createElement('SCRIPT');
    _sc.setAttribute('type','text/javascript');
    document.getElementsByTagName('head')[0].appendChild(_sc);
    _sc.setAttribute('src', 'http://example.com/magicthumb.js');
    </script>
  5. In the code above, replace the example.com URLs with the URLs of the location where you uploaded your JS and CSS files.
  6. Now you can use Magic Thumb™ on your images. Just reference your small image and link it to your large image. For example:
    <a href="http://www.example.com/largeimage.jpg" class="MagicThumb"><img src="http://www.example.com/smallimage.jpg"/></a>

Note: your images must be self-hosted (not hosted by eBay).

Other eBay effects