I want a simple two frame gallery, thumbnails vertically scrolling in left frame and larger image (when thumbnail clicked) in right frame.<br />
<br />
I don't want to generate a new page when big image is displayed, simply the image itself.<br />
<br />
It all works fine but the large image displays in a white background window and I want it to be a black background to match the left thumbnail frame.<br />
<br />
How do I do this (without creating a new page) ?<br />
<br />
Also, how do I centre align the big image in the frame and can I add text to this window or is that only possible if I create a new page ?<!--content-->do you have a url?<!--content-->It's very much under development but .........<br />
<br />
<!-- m --><a class="postlink" href="http://www.ice-pix.co.uk">http://www.ice-pix.co.uk</a><!-- m --><!--content-->if you can run server-side script, preferably PHP or ASP, then it would be pretty easy (more or less). i'm not real sure how to do it across frames, though.<!--content-->yeah see what you mean, i don't think you can do what you want in client-side without placing the images on their own pages, it would'nt take much doing though, all you would need is one table at 100% with background at black and then the image centered, ie:<br />
<br />
<TABLE BORDER="0" WIDTH="100%" height="100%" CELLSPACING="0" CELLPADDING="0" BGCOLOR="#000000"><br />
<tr><td align="center"><br />
<img src=http://www.htmlforums.com/archive/index.php/"foo.jpg"><br />
</td></tr></table><!--content-->What would happen if you used CSS (Use the image as a background(background color black, centered image, and fixed so it wouldn't scroll with the thumbnails)?<br />
Given me a good idea for something similar!<br />
<!--content-->actually, you could do that with client-side script. i did something somewhat similar, except that i definitely used separate pages. it wouldn't be too difficult, though, to swap the images out in a different frame. (too bad i'm not smart enough to attempt it!)<!--content-->maybe this will help... just some script i found around the web awhile back, messed around with, and squished it to fit into my twisted version of reality.<br />
<br />
<!-- m --><a class="postlink" href="http://transmothra.com/gallery/misc/index.html">http://transmothra.com/gallery/misc/index.html</a><!-- m --><br />
<br />
<head><br />
<script LANGUAGE="JavaScript"><br />
<!-- Begin gallery code<br />
browserName = navigator.appName;<br />
browserVer = parseInt(navigator.appVersion);<br />
<br />
ns3up = (browserName == "Netscape" && browserVer >= 3);<br />
ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);<br />
<br />
function doPic(imgName) {<br />
if (ns3up || ie4up) {<br />
imgOn = ("" + imgName);<br />
document.mainpic.src = <!-- m --><a class="postlink" href="http://www.htmlforums.com/archive/index.php/imgOn;">http://www.htmlforums.com/archive/index.php/imgOn;</a><!-- m --><br />
}<br />
}<br />
// End --><br />
</script><br />
</head><br />
<body><br />
<br />
<!-- activate linky --><br />
<br />
<a href=http://www.htmlforums.com/archive/index.php/"javascript:doPic('images/image1.jpg');"><br>image title here<br><img src=http://www.htmlforums.com/archive/index.php/"thumbs/image1.jpg" width=100 height=98 border=0></a><br />
<br />
<!-- deactivate linky --><br />
<br />
<!-- form of: larger image --><br />
<br />
<img name="mainpic" src=http://www.htmlforums.com/archive/index.php/"images/image1.jpg" border=0><br />
</body><br />
<br />
you'd basically just have to insert the name of the target frame into the document.mainpic.src bit somehow. don't axe me, though - i don't know how; i'm just a smarmy little tweaker.<!--content-->
<br />
I don't want to generate a new page when big image is displayed, simply the image itself.<br />
<br />
It all works fine but the large image displays in a white background window and I want it to be a black background to match the left thumbnail frame.<br />
<br />
How do I do this (without creating a new page) ?<br />
<br />
Also, how do I centre align the big image in the frame and can I add text to this window or is that only possible if I create a new page ?<!--content-->do you have a url?<!--content-->It's very much under development but .........<br />
<br />
<!-- m --><a class="postlink" href="http://www.ice-pix.co.uk">http://www.ice-pix.co.uk</a><!-- m --><!--content-->if you can run server-side script, preferably PHP or ASP, then it would be pretty easy (more or less). i'm not real sure how to do it across frames, though.<!--content-->yeah see what you mean, i don't think you can do what you want in client-side without placing the images on their own pages, it would'nt take much doing though, all you would need is one table at 100% with background at black and then the image centered, ie:<br />
<br />
<TABLE BORDER="0" WIDTH="100%" height="100%" CELLSPACING="0" CELLPADDING="0" BGCOLOR="#000000"><br />
<tr><td align="center"><br />
<img src=http://www.htmlforums.com/archive/index.php/"foo.jpg"><br />
</td></tr></table><!--content-->What would happen if you used CSS (Use the image as a background(background color black, centered image, and fixed so it wouldn't scroll with the thumbnails)?<br />
Given me a good idea for something similar!<br />
<!--content-->actually, you could do that with client-side script. i did something somewhat similar, except that i definitely used separate pages. it wouldn't be too difficult, though, to swap the images out in a different frame. (too bad i'm not smart enough to attempt it!)<!--content-->maybe this will help... just some script i found around the web awhile back, messed around with, and squished it to fit into my twisted version of reality.<br /><br />
<!-- m --><a class="postlink" href="http://transmothra.com/gallery/misc/index.html">http://transmothra.com/gallery/misc/index.html</a><!-- m --><br />
<br />
<head><br />
<script LANGUAGE="JavaScript"><br />
<!-- Begin gallery code<br />
browserName = navigator.appName;<br />
browserVer = parseInt(navigator.appVersion);<br />
<br />
ns3up = (browserName == "Netscape" && browserVer >= 3);<br />
ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);<br />
<br />
function doPic(imgName) {<br />
if (ns3up || ie4up) {<br />
imgOn = ("" + imgName);<br />
document.mainpic.src = <!-- m --><a class="postlink" href="http://www.htmlforums.com/archive/index.php/imgOn;">http://www.htmlforums.com/archive/index.php/imgOn;</a><!-- m --><br />
}<br />
}<br />
// End --><br />
</script><br />
</head><br />
<body><br />
<br />
<!-- activate linky --><br />
<br />
<a href=http://www.htmlforums.com/archive/index.php/"javascript:doPic('images/image1.jpg');"><br>image title here<br><img src=http://www.htmlforums.com/archive/index.php/"thumbs/image1.jpg" width=100 height=98 border=0></a><br />
<br />
<!-- deactivate linky --><br />
<br />
<!-- form of: larger image --><br />
<br />
<img name="mainpic" src=http://www.htmlforums.com/archive/index.php/"images/image1.jpg" border=0><br />
</body><br />
<br />
you'd basically just have to insert the name of the target frame into the document.mainpic.src bit somehow. don't axe me, though - i don't know how; i'm just a smarmy little tweaker.<!--content-->