Javascript Help ! Sorry if wrong forum

**dkadave** · 07-15-2004, 01:42 AM

Sorry, I didn't quite know what forum to post this topic in. But I'll just post it here.

I'm trying to create a image gallery where you have an image and then a collection of images below it. And when you click on the image it loads the image clicked on ontop of the other image.

IE Browser is not supported.

http://rctfan.dkanet.com/enter.php

Click on Screen Shots.

Ok, I don't have a problem getting the images to load but in my browser when I click on an image. The progress bar stays green as it seems to me that's it's still loading or something.

I don't know what the problem is.

Here is an example of the code

javascript:changescreen("01");

Here is the Javascript code:

function changescreen(sfile) {
ssfile = "screens/"+sfile+"l.jpg";
if (document.getElementById) {
document.getElementById('screenshots').s rc = ssfile;
} else if (document.all) {
document.all.screenshots.src = ssfile;
}
}

Thanks,
David

**jason** · 07-15-2004, 07:26 AM

I would do it something like this:

First, name the large image something. I'll call it "mainImg" here.

<img src="path/to/default/image" height="?" width="?" name="mainImg" id="mainImg">

Next, add your thumbnails. Give each a link with an onclick event that calls a function called changeImg(). Pass an identifier to changeImg(). I'm using javascript:void('') for the href of the link to prevent the browser from trying to load a new page.

<a href="javascript:void('');" onclick="changeImg(1);"><img src="/path/to/thumbnail" width=="?" height="?"></a>

Now add the function to a <script> block in the <head> or your page:

Code:

function changeImg(id) {
    if(document.images) {
        document.images["mainImg"].src = "/path/to/image" + id + ".jpg";
    }
}

Not tested, but it uses the same principle as most of the rollover code that's out there and should work in virtually every browser since at least Netscape 4.

Good luck.

--Jason

**dkadave** · 07-15-2004, 09:12 AM

thanks will try that...

**dkadave** · 07-15-2004, 09:16 AM

Tried that, same problem. The progress bar just keeps running... Still says transfering data...

**jason** · 07-15-2004, 10:36 AM

Could you post a link so I could see what you're trying to do?

--Jason

**dkadave** · 07-15-2004, 10:55 AM

It was posted above as well. But I now see that something happened and the link doesn't work. hmmm...

http://rctfan.dkanet.com/enter.php

Click on screenshots. And then click an image thumbnail.

Please note site doesn't work in IE.

**dkadave** · 07-15-2004, 03:29 PM

found the problem it's a problem with the newer versions of mozilla.

LinkBack

Thread Tools

Display

Javascript Help ! Sorry if wrong forum

Bookmarks

Bookmarks

Posting Permissions