Main Image problem in Custom Template

[pocomocomputing]

It is difficult to figure out the image code for inkFrog and make them behave the way you want. That is why I posted my test script so you can see what the inkFrog code tags options do.

There are some custom template HTML code segments here in the forum but you have to find them. I believe that the main image with 16 smaller images underneath is the digital.flow post. It is a image gallery that lets you see any one of the smaller images in the main 600 image. I guess you want the main image to be CTE as well. I don't know how to code that, maybe use parts of the regular CTE code on the main image code.

I can no longer test the inkFrog HTML code in custom templates as I no longer have an inkFrog account. I still read the forums to help while my experience is still valid. So I can't tweak any inkfrog custom template code. Sorry.

You mentioned that you found HTML code to put two images side by side. Remember that the biggest image size that fits side by side is around 800 pixels (2 images 400 pixels wide) in an eBay listing. Maybe 450 pixels wide.

When designing an eBay listing, remember that most eBay users work on a screen display width of 1024 pixels wide. If you personally own a display with a larger display width like 1280 or 1600 pixels wide (like a newer 17" or 19" LCD), your listing make look good to you but not your customers. Remeber to design a listing for your potential buyers, not you.

Yes, that was the code I found. It works very well, but yes, I wanted the main image to be CTE as well.

I made all of my images smaller than the default 600. I think the largest one is now 580. It worked well with my template.

No new screens for me.... I have a 20-inch old-fashioned monitor, no LCDs. :-( But yes, I make sure that my listings don't get too wide. That's why I have my template set so that a max 580 pic looks the best next to the description area. :-)

I guess I can live without CTE for now.... maybe I can figure it out, or maybe someone already has who will post the code. THANK YOU, though, for replying and giving me your wisdom. :-) I understand that you can't test anything without an Inkfrog account.

I have made much progress since I last posted, but have reached an impasse. Here is what I am aiming for, and here is the code. I wonder if someone might be able to make the fix it needs?

1. I want one main image, which, when clicked on, becomes its ORIGINAL size
(the way Auctiva had it). This can be gigantic. I do not want it to be full
sized in the listing, it is supposed to supersize only when clicked on. I've
got it working so that it will do this, now.

2. I want smaller images underneath the main image. I want them to trade
places with the main image when clicked on, and appear in the "large"
picture area. I've got it working now so that it will do this.

3. THEN, I want these other images to ALSO supersize when clicked on, after
they are in the main picture area. I do NOT have this working yet.

The code has steps 1 and 2 working correctly, but I can't
get step 3. It keeps sending ALL of the other pictures to the first
picture's supersize version.


Here's the code:

<center>
<a href="http://img.inkfrog.com/click_enlarge1.php?image={imagename1}&username={bp _username}{aid}"> <img src="{thumburl1_580}" hspace="4" vspace="4" name=picture border="0" alt="Click to enlarge"></a>

<br />

<A onclick="document.picture.src='{thumburl1_580}'; return false;" href="#" ;">
<img src="{thumburl1_100}" hspace="1" vspace="4" border="1"></a>


<A onclick="document.picture.src='{thumburl2_580}'; return false;" href="#" ;">
<img src="{thumburl2_100}" hspace="1" vspace="4" border="1"></a>

<A onclick="document.picture.src='{thumburl3_580}'; return false;" href="#" ;">
<img src="{thumburl3_100}" hspace="1" vspace="4" border="1"></a>

<A onclick="document.picture.src='{thumburl4_580}'; return false;" href="#" ;">
<img src="{thumburl4_100}" hspace="1" vspace="4" border="1"></a><br>

<A onclick="document.picture.src='{thumburl5_580}'; return false;" href="#" ;">
<img src="{thumburl5_100}" hspace="1" vspace="4" border="1"></a>

<A onclick="document.picture.src='{thumburl6_580}'; return false;" href="#" ;">
<img src="{thumburl6_100}" hspace="1" vspace="4" border="1"></a>

<A onclick="document.picture.src='{thumburl7_580}'; return false;" href="#" ;">
<img src="{thumburl7_100}" hspace="1" vspace="4" border="1"></a>

<A onclick="document.picture.src='{thumburl8_580}'; return false;" href="#" ;">
<img src="{thumburl8_100}" hspace="1" vspace="4" border="1"></a><br>

<A onclick="document.picture.src='{thumburl9_580}'; return false;" href="#" ;">
<img src="{thumburl9_100}" hspace="1" vspace="4" border="1"></a>

<A onclick="document.picture.src='{thumburl10_580}'; return false;" href="#" ;">
<img src="{thumburl10_100}" hspace="1" vspace="4" border="1"></a>

<A onclick="document.picture.src='{thumburl11_580}'; return false;" href="#" ;">
<img src="{thumburl11_100}" hspace="1" vspace="4" border="1"></a>

<A onclick="document.picture.src='{thumburl12_580}'; return false;" href="#" ;">
<img src="{thumburl12_100}" hspace="1" vspace="4" border="1"></a><br>

<A onclick="document.picture.src='{thumburl13_580}'; return false;" href="#" ;">
<img src="{thumburl13_100}" hspace="1" vspace="4" border="1"></a>

<A onclick="document.picture.src='{thumburl14_580}'; return false;" href="#" ;">
<img src="{thumburl14_100}" hspace="1" vspace="4" border="1"></a>

<A onclick="document.picture.src='{thumburl15_580}'; return false;" href="#" ;">
<img src="{thumburl15_100}" hspace="1" vspace="4" border="1"></a>

<A onclick="document.picture.src='{thumburl16_580}'; return false;" href="#" ;">
<img src="{thumburl16_100}" hspace="1" vspace="4" border="1"></a>

</center>

[duchess]

prettyprintables,

Like you I like to dable in HTML but hit points where I cannot go any further.

I emailed Digi (nelsoniqdotcom) and she is making all the changes I want and a whole lot more for a nominal fee. She is currently tweaking all the code, but the preliminary view that she sent me has features included in it now, that I have only seen in very expensive custom templates. Sorry I can't help or I would. But give her a shot.