Dec

19

Add an Interactive Picture Gallery to your Listings

Filed Under How-To's 




Interested in adding an interactive picture gallery to your listing but cringe at the fees eBay charges you for the service? Here’s a way you can do it using your own image hosting solutions.

This is an example of what I’ve been putting on my recent auctions:

Cover Scans

 Click on the thumbnail below to see a larger cover scan

Here’s the code:


<p align="center" style="text-align: center">
<strong><font size="+2">Cover Scans</font></strong> </p>
<p style="text-align: center">
<table border="1" bgColor="#cccccc" cellPadding="10" cellSpacing="0">
<tr>
<td align="center"><img name="view" border="0" width="264" src="http://auctioninsights.info/auction-pics/tt_mini1.jpg" mce_src="http://auctioninsights.info/auction-pics/tt_mini1.jpg" height="400" /></td>
</tr>
<tr>
<td align="center"><strong>Click on the thumbnail below to see a larger cover scan</strong><br />
<img border="1" width="66" src="http://auctioninsights.info/auction-pics/tt_mini1thumb.jpg" mce_src="http://auctioninsights.info/auction-pics/tt_mini1thumb.jpg" height="100" onclick="document.images['view'].src=’http://auctioninsights.info/auction-pics/tt_mini1.jpg’;” /><img border=”1″ width=”66″ src=”http://auctioninsights.info/auction-pics/tt_mini2thumb.jpg” mce_src=”http://auctioninsights.info/auction-pics/tt_mini2thumb.jpg” height=”100″ onclick=”document.images['view'].src=’http://auctioninsights.info/auction-pics/tt_mini2.jpg’;” /><img border=”1″ width=”66″ src=”http://auctioninsights.info/auction-pics/tt_mini3thumb.jpg” mce_src=”http://auctioninsights.info/auction-pics/tt_mini3thumb.jpg” height=”100″ onclick=”document.images['view'].src=’http://auctioninsights.info/auction-pics/tt_mini3.jpg’;” /><img border=”1″ width=”66″ src=”http://auctioninsights.info/auction-pics/tt_mini4thumb.jpg” mce_src=”http://auctioninsights.info/auction-pics/tt_mini4thumb.jpg” height=”100″ onclick=”document.images['view'].src=’http://auctioninsights.info/auction-pics/tt_mini4.jpg’;” /><img border=”1″ width=”66″ src=”http://auctioninsights.info/auction-pics/tt_annual1thumb.jpg” mce_src=”http://auctioninsights.info/auction-pics/tt_annual1thumb.jpg” height=”100″ onclick=”document.images['view'].src=’http://auctioninsights.info/auction-pics/tt_annual1.jpg’;” />
</td>
</tr>
</table>

Related Posts:

  • No eBay Listing Fees for the Remainder of August 2007
  • eBay Compromising on Best Match?
  • Free Listings and Galleries for New eBay Sellers
  • What’s New at Auction Insights
  • No Listing Fees for Certain Listings on eBay US - 15 August 2007


    • Comments

    RSS feed for comments on this post. | TrackBack URI

    14 Responses to “Add an Interactive Picture Gallery to your Listings”

    1. Matt on December 30th, 2005 9:19 am

      Very Nice……thank you for the code!

    2. kimi on January 31st, 2006 9:59 pm

      you people are okay in my book-excellent!!

    3. Steve on February 26th, 2006 4:31 am

      An excellent, MONEY SAVING code. Thanks!

    4. tony scott on April 1st, 2006 2:26 pm

      Thanks this was a good info.

    5. Aaron on April 3rd, 2006 1:56 am

      this is AWESOME!! you guys are the BEST!! Thank you so much!

    6. Iftikhar on May 18th, 2006 9:55 pm

      Dear Sirs,

      Would you be kind enough to explain to me: how can I get more detailed information about the matter of this article? Is it possible to get in touch with the author of this article by e-mail to get an opportunity to ask him some questions such as:
      how can I create thumbnail in Picasa with a width of 66 pixels and a height of 100 pixels?
      Thank you in advance!

    7. Doug Feiring on May 19th, 2006 5:25 pm

      Dear Sirs,

      Would you be kind enough to explain to me: how can I get more detailed information about the matter of this article? Is it possible to get in touch with the author of this article by e-mail to get an opportunity to ask him some questions such as:
      how can I create thumbnail in Picasa with a width of 66 pixels and a height of 100 pixels?
      Thank you in advance

      I admit Picassa can be difficult to resize images with. Try IrfanView, another free image utility.

    8. Brian on June 25th, 2006 4:03 am

      Nice code! I’ve seen this done a number of ways in the past but it always seems to take up way more code than necassary. Your solution is small, elegant, and gets the job done nicely. Thanks :)

    9. Ash on September 22nd, 2006 6:49 pm

      I need help. I am using IE 6.0 and your page with example works fine. When I copy the code into my own HTML file and try to run it in IE, I get the yellow Information Bar at the top of the window warning about Active Content and the script that works so nicely on your page will not work on mine. I do not have any other code that would seem to affect this and, in fact, have tried to save your page as a local file without any changes and get the same result.
      ——huh?——-

    10. Doug Feiring on September 24th, 2006 1:45 pm

      This has happened to me as well. It has something to do with IE’s security settings. Because the file is operating on your local machine, IE is concerned that the script may be attempting to modify files on your computer. This doesn’t occur when the page is being served from a different computer (i.e. this web site). I don’t remember how I stopped this. Try adjusting your Internet Explorer’s security settings.

    11. Alex on October 10th, 2006 9:31 am

      Hi there. Nice code - thank you. One thing though, when I copy it to mine (I haven’t added my photos yet) the thumbnails are listed vertically, instead of horizontally…can you give me any clues as to why…..I’m an html novice but playing around using Frontpage

    12. Doug Feiring on October 11th, 2006 2:47 pm

      Hello Alex,
      At some point during the editing of this post, I mistakenly added a line break tag between each thumbnail. This is now fixed. Thanks for pointing it out.

      Doug

    13. darren on October 23rd, 2006 11:14 am

      why do you have the mce_src= in this code.

    14. Doug Feiring on October 23rd, 2006 3:15 pm

      Much like the line breaks mentioned above, the mce_src tag was added by this blog’s WordPress publishing software. It adds nothing to the script.

    Leave a Reply