SitePoint Sponsor |
|
User Tag List
Results 1 to 9 of 9
Thread: Image gallery options
-
Jul 2, 2009, 08:36 #1
- Join Date
- Mar 2009
- Posts
- 7
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Image gallery options
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
-
Jul 2, 2009, 09:23 #2
- Join Date
- Apr 2006
- Posts
- 249
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
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!
-
Jul 5, 2009, 01:55 #3
- Join Date
- Mar 2007
- Location
- Warsaw, Poland
- Posts
- 429
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
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.
Warsaw - the city that survived its own death.
EMM8 - Profesjonalne Strony Internetowe
Projektowanie Stron WWW
-
Jul 5, 2009, 07:14 #4
- Join Date
- Mar 2009
- Posts
- 7
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
-
Jul 5, 2009, 18:18 #5
- Join Date
- Jun 2009
- Location
- Ottawa, Ontario, Canada
- Posts
- 120
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
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.
-
Jul 6, 2009, 00:39 #6
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.
-
Jul 7, 2009, 20:50 #7
- Join Date
- Jun 2008
- Location
- Cuyahoga Falls, Ohio.
- Posts
- 1,511
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
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++.
Blake Tallos - Software Engineer for Sanctuary
Software Studio, Inc. C# - Fanatic!
http://www.sancsoft.com/
-
Jul 7, 2009, 21:27 #8
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
RanzukenTired of not making any money online?
Haven't hit your $100 a day mark?
Join BlackhatGuide today, and find out what you've been missing!
-
Jul 9, 2009, 11:29 #9
- Join Date
- Mar 2009
- Posts
- 7
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Bookmarks