Designer Menu Maker
Free online tool - Quickly create complex dropdown or flyout menus using spreadsheet data or the easy online form. eBay Blog Styler
Quick eBay Buttons
Free online tool - Easily make buttons to your own eBay destinations. Create attractive imageless CSS buttons that will work on many eBay sites or on your own webpage. Quicky Buttons
eBay Link Gallery
Free online tool - Easy to use tool searches your eBay listings to create a static Link Gallery for your blog or website. Q*sell Link Gallery
 Shipscript's Free Tools for Better Auctions FREE Tools for your eBay Blog from ISDN*tek 
Google

Zip*Zoom - Web Page Image Magnifier

The images laid out on the page below are normal images. The first two will remain normal, but the remaining three have special properties. Click one of those three images to turn them into magnifiable images. The converted images will include a smaller window that can be dragged around on the image to show a magnification of the underlying area.

Features:
  • Give users with small screen images the ability to see detail in your photos.
  • Magnification code replaces the existing image and doesn't affect page layout.
  • You select which images to magnify.
  • One page script can be used for all selected images.
  • Images can be any size or shape.
  • Some Copy Protection: right-click is disabled in the magnifier.

 

Click on one of the photos below to activate the magnifier. (The photos above do not have a magnifier.)

These two photos were added with left and right alignment in the image tags. When clicked, the image codes will be entirely rewritten and CSS position attributes will be added to the new DIV that contains the photo. There may be some readjustment of position. Tables could be used to maintain precise positioning.

test image

Notice the braiding at the bottom of the ducks and the feather details along the tail. Get a closeup view of some of the details in the bracelet and see how the beads run under the blossoms in the necklace.

Can you find the VDB stamped into the penny above? The photo above is displayed at actual 400x300 size, and the 3X magnification is just about right for zooming in on the details.

Easy Free Borders from TagBot Borders

Clic*Pic Thumbnail Gallery
Free or upgrade PC program - Resize, crop, and compress images. Create beautiful thumbnail galleries with this easy to use tool! Clic*Pic
Rainbow Color Picker
Free PC program - Pick colors from photos or use the rainbow palette to select colors. Enter or find RGB, Hex, or Internet Color names. RainBow
Make Pretty Borders
Free online tool - Creates nested tables for colored borders on web pages or frames around photos. Up to seven layers. Pretty Borders
Make Grids and Charts
Free online tool - Creates multi-celled tables for size-lists, product options, shipping charts, etc. Easy to enter your data and change colors and styles. Grids & Charts
 Shipscript's Free Tools for Better Auctions More FREE Tools from ISDN*tek 

Adding the Magnifier to your Page

To use the Magnifier in your own auctions, copy the code from the window below and paste it into your auction template. If you allow users to activate the magnifier by clicking on the images, then place the code near the top of your template. If you plan to use the automatic activator script, you may place the magnifier code near the top or bottom of your template.

Each of your images will need to be wrapped in this linking code in order to use the script.

    <a href="javascript:initMagnifier()">
    <img src="http://www.myhost.com/image.jpg"
     width="400" height="300" border="0">
</a>


The final step is to decide how to activate the magnifier. The above code will activate the magnifier as soon as the user clicks one of the images, and presumably the images will have loaded by that time. If you would like to automatically activate the magnifier (and thus automatically apply the copy protection), add this activation script at the very bottom below the magnifier code and below all of the images. This is in addition to adding the above codes to each image.

     <script language="javascript" defer>initMagnifier()</script>

When using automatic activation, your image tags MUST include both height and width photo dimensions, otherwise, the magnifier will not be able to adjust to fit the image.

Once activated, magnification remains active while the page is open. Mousing in and out of a photo will cause the magnifier to appear or disappear.

Other Options

The link code need only be applied to one photo for manual activation. It might be on the very last image if the purpose is to allow time for the images to load. If you feel more explicit directions are required for your user, activation could be applied to a button instead. Button code would look like this:

    <input type="button" onclick="initMagnifier()" value="Use Magnifier">

Another coding option allows alternate image wrappers that only need to carry this class-designator in the wrapper tag. Any other content between the wrappers, aside from the image code, will be wiped out. This type of code is used with automatic activation, or could be applied to the other non-clickable images when you want the magnifier to be started from a specific image in your group.

    <span class="magnify_this">
    <img src="http://www.myhost.com/image.jpg"
     width="400" height="300">
</span>


Problems?

Avoid wrapping or nesting your magnified images in the P-tag. That is not an Internet Explorer compatible wrapper for the magnifier DIV-tag. Don't use TurboLister or eBay's Listing Editor to reposition your images on the page, as they can add/replace code (specifically the P-wrapper) that is not compatible with the image Magnifier code. The most effective positioning is with table codes (which is also a handy way to add captions).

Free Auction Templates
Free PC program - Easy to use! Fill in the blanks without any HTML coding. If you know how to code, then convert your own templates to easy-to-use TagBot forms. Tag*Bot
HTML code broken?
Free PC program - Scan your HTML code for lost and mismatched tags. RagTag includes definable shortcut keys for faster hand-coding. Preview. Format code. Rag*Tag
Popup Image Viewer
Free online tool - Create in-page resizeable popups for click-to-enlarge thumbnails. PopView
Image Mapper
Free online tool - Turn an online image into a clickable navigation usemap with this easy-to-use image mapping tool. Image*Mapper
 Shipscript's Free Tools for Better Auctions More FREE Tools from ISDN*tek 
0


Designer's Corner

You may integrate this magnifier into your page designs that you sell, but you may not charge for the magnifier itself. We ask that you not alter the code or remove the built-in credits. When advertising a template or page that utilizes this viewer, please include a credit or link back to this page or to the homepage (http://www.isdntek.com).

We do not grant the right to sell this magnifier, and it may not be included in collections of freeware for sale.

Free Cross-sell Gallery
Free Online utility - Add your eBay auction numbers (or custom thumbnails and links) to create a scrolling cross-sell gallery. X*sell
Clicky Buttons & Menus
Free Online tool - Create 3D clickable text buttons and menus, with or without backgrounds, or add your own thumbnail photos for cross-selling. Clicky*Buttons
Make Thumbnail galleries
Free online tool - Quickly create a click-gallery or scroll-gallery from your online images. Change gallery colors and formats with a click. Clic*Pic Online
Image Protection
Free PC program - Creates invisible coverup gifs and code to protect your self-hosted images. No*Click
 Shipscript's Free Tools for Better Auctions More FREE Tools from ISDN*tek 

courtesy of eBay user shipscript
copyright 2006 © www.isdntek.com/etools.htm


Free Andale counters.