Image gallery options

**rach_hw** · Jul 2, 2009, 08:36

Hi there, I have a couple of websites to build but I'm still relatively new to web design. I have a good grasp of HTML and CSS.

I have made an image gallery for one site using very basic javascript but it seems like I'm going to have to do more image galleries (most likely with a thumbnail navigation and a single changing main image) I would like a recommendation (or otherwise) on whether javascript would be the best option to learn next.

Many thanks,

Rachel

**adwatson** · Jul 2, 2009, 09:23

If your goal is to build websites, learning javascript is going to be necessary at some point - this seems like a good project to learn on!

**snecz** · Jul 5, 2009, 01:55

I'm not a fan of javascript. Great galleries can be made just with html and css which I guess is also better for seo.

**rach_hw** · Jul 5, 2009, 07:14

Originally Posted by snecz

I'm not a fan of javascript. Great galleries can be made just with html and css which I guess is also better for seo.

Possibly, but could I do a gallery with thumbnails which change the main image as opposed to going to a different page altogether using CSS?

**floater** · Jul 5, 2009, 18:18

You can use the CSS display property to hide images until they are used and them display them using javascript when a user mouses over the thumbnail.

For example:

<html>
<head>
<title>
Title
</title>
<style type="text/css">
#mainImage1 {
display: none;
}
</style>
</head>
<body>
<img src="close.bmp"
onMouseover=document.getElementById("mainImage1").style.display="inline"
onMouseout =document.getElementById("mainImage1").style.display="none" />
<br/>
<div id="mainImage1">
<img src="cig.png"/>
</div>
</body>
</html>

Just change close.bmp to the name of your thumbnail image and cig.png to the name of your main image.

At some point you may want to look into PHP because it can handle some image tasks automatically. (I would recommend learning some javascript first.) PHP has some very handy image tricks up its sleeve.

**#aaa#** · Jul 6, 2009, 00:39

why not use SEO?
But you want to build individuation webpage,learning javascript is going to be necessary .
in my opinion,i like SEO more than javascript.

**Blake Tallos** · Jul 7, 2009, 20:50

My recommendation after you have a complete understanding of HTML & CSS and your absolutely sure that you know the in's & out's of both of the languages that you move on to Javascript or PHP. Personaly, I like Javascript it's has similar syntax to C++.

**ranzuken** · Jul 7, 2009, 21:27

Well, if your no good with javascript, you can also have an alternative to that such as css or php. If not, then I would just hire someone to do it for ya

Ranzuken

**rach_hw** · Jul 9, 2009, 11:29

Originally Posted by ranzuken

Well, if your no good with javascript, you can also have an alternative to that such as css or php. If not, then I would just hire someone to do it for ya

Ranzuken

Thereby defeating the object of learning anything at all...

The SitePoint Forums have moved.

User Tag List

Thread: Image gallery options

Thread Tools

Display

Image gallery options

Bookmarks

Bookmarks

Posting Permissions