View Full Version : Image CSS border hover effect on PHP Photo Album Script V2

08-08-2009, 02:34 PM
1) Script Title: PHP Photo Album Script V2.0

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/php-photoalbum.htm

3) Describe problem: I've been trying to add a border hover effect on the images that form the gallery. I added this to the CSS but it doesnt seem to work.

.photodiv img{ /*CSS for each image tag*/
border: 1px solid #ff0066;
width: 150px;
height: 150px;
cursor: hand;
cursor: pointer;
.photodiv:hover img{
border: 1px solid white;
color: white; /* irrelevant definition to overcome IE bug */

Any ideas on getting it to work?
Here's a link to my example page: http://temp.jemcon.org/images.php

08-08-2009, 08:21 PM
You can try:

.photodiv img:hover{ /*CSS for each image tag*/
border: 1px solid white;

This doesn't work in IE7 however, since IE only supports the "hover" element on A links. The thumbnails are not hyperlinked, hence you can't target A instead.

08-08-2009, 09:25 PM
I didnt realise that about IE7 - thanks for the update.

I used the same CSS method on the older version of the script which of course worked because the image thumbs were hyperlinked - thanks for reminding me of this fact.

05-27-2010, 05:25 PM
the php photo gallery contains only 3 pages and the 4th one can't be saved.
its only a loading gif image. i request if i can get the 4th script page. thank you

05-28-2010, 11:10 AM
Thats all its supposed to be - just a loading image provided so when you run the gallery on your server, the loading gif displays briefly as images load.