/    Sign up×
Community /Pin to ProfileBookmark

Swapping images in a table

Copy linkTweet thisAlerts:
Aug 08.2005

I’m a beginner so please bear with me.
When I list items I ebay, I include thumbnails in the ad and when someone clicks on the thumbnail a larger image opens in a separate window… simple enough.
What I am trying to do is set up a table where the larger image is to the left and all the thumbnails are shown to the right. When a thumbnail is clicked it opens in the larger image cell on the left NOT a separate window.
I set up my tables with basic HTML and then just copy and paste with new images as needed. It’s been working fine for me, but my ebay ads a getting more sophisticated so I’d like to know how to keep everything on one page and not open lots of extra windows.

Any help would be great!
Thanks, Debbie

to post a comment
JavaScript

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@JPnycAug 08.2005 — Do you have any experience with Javascript at all? Because if not, you'd almost certainly need someone to do this for you, even if you were given a general script. You'd still need to adapt it to your situation.
Copy linkTweet thisAlerts:
@KravvitzAug 08.2005 — If you showed us what you have so far including some images, I could probably program this for you, if you allowed me to use the images in a demo of this concept on my site.
Copy linkTweet thisAlerts:
@BoraDebauthorAug 09.2005 — This is what I went back to.....I got so frustrated trying to get the onclick and/or swap to work I finally gave up and went back to basics. I don't have any Java experience but am willing to learn.

You can see I'm trying to keep all the pictures small and neat but want to allow larger images for more details. However, some of my listing have 6 or more pictures and I think it's a pain in the butt to open and close a new window to see each picture.

I don't mind you using these pictures on your site at all. I would just like to learn the proper code. From what I've researched, I think I can get the Javascript to work within the basic HTML coding and it shouldn't be too difficult but I'm missing something somewhere.

I would like to keep the pics in a table so I can control the size and order to keep everything neat.

Thanks for any help you can give me.....Debbie


Click on pictures to see larger image.


<center>

<table>

<tr>

<td><A HREF="http://members.aol.com/boradeb/kayak1.jpg"><IMG HEIGHT=100 WIDTH=100 SRC="http://members.aol.com/boradeb/kayak1.jpg"></A> </td>

<td><A HREF="http://members.aol.com/boradeb/kayak2.jpg"><IMG HEIGHT=100 WIDTH=100 SRC="http://members.aol.com/boradeb/kayak2.jpg"></A> </td>

<td><A HREF="http://members.aol.com/boradeb/kayak3.jpg"><IMG HEIGHT=100 WIDTH=100 SRC="http://members.aol.com/boradeb/kayak3.jpg"></A> </td>

</tr>

<tr>

<td><A HREF="http://members.aol.com/boradeb/kayak4.jpg"><IMG HEIGHT=100 WIDTH=100 SRC="http://members.aol.com/boradeb/kayak4.jpg"></A> </td>

<td><A HREF="http://members.aol.com/boradeb/kayak5.jpg"><IMG HEIGHT=100 WIDTH=100 SRC="http://members.aol.com/boradeb/kayak5.jpg"></A> </td>

<td><A HREF="http://members.aol.com/boradeb/kayak6.jpg"><IMG HEIGHT=100 WIDTH=100 SRC="http://members.aol.com/boradeb/kayak6.jpg"></A> </td>

</tr>

</table>

</center>

</BODY>

</HTML>
Copy linkTweet thisAlerts:
@aveticeAug 09.2005 — hey, yeah i'm tryin to do sorta the same thing... at least i think so from the way your describing it. Im not sure how to do it, i have an example of what i was trying to do on my site www.yarstudio.com/layout.html

I've been tryin to find out how to do it and I played around with it in dreamweaver but can't seem to find anything in there to help me out. I, however, don't know javascript and was timid about asking someone to just do this for me because its seems kind of the same as people going to illustration forums and asking the professionals to make them free paintings. However, if you are (kravvitz) offering, i'd like to ask you to do so unless there is a simpler way that I can do this. I would add your site as a link if you wanted and I'd agree to you using the images as a demo as long as that was all.
Copy linkTweet thisAlerts:
@KravvitzAug 16.2005 — [url=http://www.dynamicsitesolutions.com/javascript/image_gallery_demo/]Image Gallery Demo[/url]

How do I get the images to load here?

Also when image is loaded it can be clicked to load a higher res version in a new window?[/quote]
I would be willing to make the modifications and do the cross-browser testing involved for $30 USD.
Copy linkTweet thisAlerts:
@aveticeAug 26.2005 — thank you for the offer kravitz,

but i eventually figured out what i needed to do, and i scrapped the popping up in a new window idea.
×

Success!

Help @BoraDeb spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...