I am seeking advice on how best to build a particular web page configuration:
I am building a page in an art gallery web site (XHTML 1.0 Transitional) where viewers can look at past art exhibits. All of the site pages are centered and composed of two columns built using CSS. On the "Past Exhibits" page the floating left column contains clickable thumbnail images.
When a thumbnail is clicked, I want this to produce a large view of the image in the right column. In addition, I would like this right column to have a control that allows the viewer to swap back and forth between the large image and a biography of the artist.
I have succeeded in building the large-image/biography swapping container as a separate pop-up window using javascript but would prefer that it be 'embedded' in the right column div. I'm hoping there is some simple alternative to window.open that might achieve something along the lines of "load.html.contents.here"
It would be very helpful if a suggestion on how best to achieve this embedded/content-swapping layout is accompanied by keywords with which I could do a Google search for tutorials to support implementing the suggestion.
What small amount of javascript I know has been largely self-taught so there are major gaps. I haven't yet been (consciously) exposed to very many of the javascript capabilities and accompanying terminologies. And I may have my head so buried in this that I can't see an obvious answer using CSS.
Thanks very much for your perspective and suggestions!
I am building a page in an art gallery web site (XHTML 1.0 Transitional) where viewers can look at past art exhibits. All of the site pages are centered and composed of two columns built using CSS. On the "Past Exhibits" page the floating left column contains clickable thumbnail images.
When a thumbnail is clicked, I want this to produce a large view of the image in the right column. In addition, I would like this right column to have a control that allows the viewer to swap back and forth between the large image and a biography of the artist.
I have succeeded in building the large-image/biography swapping container as a separate pop-up window using javascript but would prefer that it be 'embedded' in the right column div. I'm hoping there is some simple alternative to window.open that might achieve something along the lines of "load.html.contents.here"
It would be very helpful if a suggestion on how best to achieve this embedded/content-swapping layout is accompanied by keywords with which I could do a Google search for tutorials to support implementing the suggestion.
What small amount of javascript I know has been largely self-taught so there are major gaps. I haven't yet been (consciously) exposed to very many of the javascript capabilities and accompanying terminologies. And I may have my head so buried in this that I can't see an obvious answer using CSS.
Thanks very much for your perspective and suggestions!