Results 1 to 5 of 5

Thread: Image CSS border hover effect on PHP Photo Album Script V2

  1. #1
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,940
    Thanks
    16
    Thanked 304 Times in 303 Posts
    Blog Entries
    11

    Default Image CSS border hover effect on PHP Photo Album Script V2

    1) Script Title: PHP Photo Album Script V2.0

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...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.

    Code:
    .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;
    }
    .photodiv:hover{
    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

  2. #2
    Join Date
    Aug 2004
    Posts
    9,889
    Thanks
    3
    Thanked 964 Times in 953 Posts
    Blog Entries
    15

    Default

    You can try:

    Code:
    .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.
    DD Admin

  3. #3
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,940
    Thanks
    16
    Thanked 304 Times in 303 Posts
    Blog Entries
    11

    Default

    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.

  4. #4
    Join Date
    May 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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

  5. #5
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,940
    Thanks
    16
    Thanked 304 Times in 303 Posts
    Blog Entries
    11

    Default

    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.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •