Forum Moderators: open
I already have the site up and running. There are no problems with the code as is. i just want to add this feature. As of now, the picture in the main iframe window will not change until a thumbnail has been clicked in the bottom iframe (which is how it's designed to work). BUT THIS means, when a user is ready to go the next portfolio like "Bridal", the last photo they were viewing will still remain until they click a photo from the newly populated "bridal" thumbnail strip in the bottom iframe. This can be confusing for the user, making them think they haven't gone anywhere or the website is screwed up because the last photo they viewed is still on the screen and it's especially confusing for users with smaller screens who cant even seen the thumbstrip unless they scroll down.
the thumbstrip to populate at the bottom is flash and it's src'd it's targeted to the center iframe. my question is can you do multiple href's and mulitple targets?
function twoiframes(iframe1,page1,iframe2,page2) {
eval("parent."+iframe1+".location='"+page1+"'");
eval("parent."+iframe2+".location='"+page2+"'");
}
Then your links need to call that js function and supply the four parameters - the two iframe names and the two pages you want loaded.
<a href="javascript:twoiframes('iframenameA', 'pageA.html', 'iframenameB', 'pageB.html')">Load PageA & PageB</a>
<script type="text/javascript">
function twoiframes(iframe1,page1,iframe2,page2) {
eval("parent."+iframe1+".location='"+page1+"'");
eval("parent."+iframe2+".location='"+page2+"'");
}
</script>
Then, yes, wherever your links are in the body, plug the real names of the four parameters: two iframe names/ids and two pages to load. And of course, use the anchor text of your choice.