LIAR said:
Hi all,
I am using Frontpage 2002 and would like to make an image gallery
using the layout like you see on eBay. This is where a set of
thumbnails exist on the page and when clicked on a larger image shows
up witin the same page next to the thumbnails.
Anybody know how to do that? A good exmaple of this is in eBay motors.
Thanks for any help!
If you have a page of thumbnails, you could use the code below for each
thumbnail (I do it with a function so I don't have to type the whole lot
each time).
This does not add Caption to each image. I do have some code which does this
as well, but it a little more complex.
<a href="#" onclick="newWindow('images/name.jpg');return false;">
<img src="images/thumbnails/name.jpg" alt="" title="Click to see a larger
picture" /><br />
Caption</a>
where
function newWindow(img)
{
var imageToLoad = new Image()
var h, w
new function testit()
{
imageToLoad.src = img
// we need a little pause while the script gets the image since the
image is on the server,
// or the browser will open the window and write the script before the
image is cached,
// which causes the script to write zeros for the dimensions.
setTimeout(loadit,1000)
function loadit()
{
if (imageToLoad.width == 0)
testit()
else
{
h = imageToLoad.height
w = imageToLoad.width
spawnJimcoPopup ( img, '_blank'
,
'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no'
, h, w,'center','0','pixel')
} // end else
} // end loadit()
} // end testit()
} //end newWindow()
function spawnJimcoPopup(url, name, options, h, w, x, y, scaleType)
{
var newWindow
if (scaleType == 'percent')
{ h = (h * screen.availHeight) / 100
w = (w * screen.availWidth) / 100 }
if (x == 'center')
x = (screen.availWidth - w) / 2
if (y == 'center')
y = (screen.availHeight - h) / 2
options += ',width=' + w + ',height=' + h
+ ',left=' + x + ',top=' + y
newWindow = window.open(url, name, options)
newWindow.focus()
}
