/    Sign up×
Community /Pin to ProfileBookmark

rollover image with swap image in different frame – will donate $ for help

I have two frames, one with thumbnails, one with a single main image. When you mouseover a thumbnail, I want it to highlight (simple rollover) and also change the main image in the other frame. Preloading the images would also be nice. I found something close at javascriptmadeeasy.com with the “Changing Image and Alternate Image – Frames” script, but I need to make the rollovers change the same one image in the second frame.

I know some of you guys are really good at this stuff and have those little “donate if you like my work” buttons on your sites, and well, I’m more than happy to PayPal a couple dollars towards your efforts for giving me a hand here.

to post a comment
JavaScript

3 Comments(s)

Copy linkTweet thisAlerts:
@Logic_AliMar 27.2007 — I have two frames, one with thumbnails, one with a single main image. When you mouseover a thumbnail, I want it to highlight (simple rollover) and also change the main image in the other frame. Preloading the images would also be nice. I found something close at javascriptmadeeasy.com with the "Changing Image and Alternate Image - Frames" script, but I need to make the rollovers change the same one image in the second frame.

I know some of you guys are really good at this stuff and have those little "donate if you like my work" buttons on your sites, and well, I'm more than happy to PayPal a couple dollars towards your efforts for giving me a hand here.[/QUOTE]
Let's say you have a same-frame solution available. The code will have a function that sets the .src property of a specified image placeholder (the one that displays the large image). It will have a line of the form: [CODE]document.images.imageName.src=parameter;[/CODE]To have it address an image placeholder in another (adjacent) frame, just modify it to read:[CODE]parent.frames.nameOfOtherFrame.document.images.imageName.src=parameter;[/CODE]where [I]nameOfOtherFrame[/I] is the [I]name[/I] attribute of the target frame.
Copy linkTweet thisAlerts:
@AliasJaneDoeauthorMar 27.2007 — The examples I found aren't like yours, so I don't know how to modify them like your example. Can you give me the full code I need to make yours work?
×

Success!

Help @AliasJaneDoe 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.17,
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,
)...