View Full Version : Photo Gallery

07-01-2010, 03:20 PM

I want a simple gallery for my website where you click (or hover) over the image and it displays the image in a different div.

Here is my site http://www.printco.org/design.html

Please can someone explain how this is done or point in the way of a decent tutorial.



07-01-2010, 03:35 PM
Sounds like what you're interested in is a CSS remote rollover. They can be daunting at first but make a lot of sense once you get your mind around them. Here are a couple of good tutorials:



07-01-2010, 03:50 PM
Yeah that's exactly what's been happening. I've looked at a few from google and just not understood how they worked so thought I would try here and see if there are any good ideas. Will give yours a go now thanks

On a side note are you getting a warning message when going on the site?

Warning: Visiting this site may harm your computer!
The website at www.printco.org appears to host malware – software that can hurt your computer or otherwise operate without your consent. Just visiting a site that hosts malware can infect your computer.
For detailed information about the problems with this site, visit the Google Safe Browsing diagnostic page for www.printco.org

How can that be if all I've put in it is html code?

07-02-2010, 11:46 AM

I have been using the first gallery that was suggested it is really neat, however is it possible to put the large image in a different div?

This is what I currently have

<div id="contentLeft">
<a href="#"><img src="images/thumb.jpg" alt="" id="thumb" /><span><img src="images/thumb1.jpg" alt="" height="500" width="500" /></span></a>
<a href="#"><img src="images/thumb1.jpg" alt="" id="thumb2" /><span><img src="images/thumb.jpg" alt="" /></span></a>
<div id="contentRight">

I would like to be able to put the picture that loads in the right hand side div. If I put the large image in the other div the image just appears so it doesn't appear on hover. I can use the position absolute to position it there but then if you use different size images then it doesn't align properly in the middle.

Here's what it looks like http://www.printco.org/design.html


07-02-2010, 12:52 PM
There is an image program on my site here. (http://www.exitfegs.co.uk/ninea.html)

It was designed for me by Avril, one of the forums coders.

Another one for luck. (http://www.exitfegs.co.uk/AGallery.html)

Another in development form here. (http://www.exitfegs.co.uk/steve.html)

Lots of useful stuff here. (http://exitfegs.co.uk/Sources.html)