The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Main image swap on thumbnail rollover – can you help?

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #35611

    I’d like the main image on this page (a test) to change during rollover / mouse-click on the small thumbnails below to a larger version of each thumbnail:

    Also: how do I avoid the main image ‘snapping back’ when rolling over the white space between each thumbnail?

    And: is there a smooth way to fade between each image, especially as I have a darkened hover effect on the thumbnails and on the main pages:

    Any ideas?


    (EDIT: I had some suggestions for some code here previously, but upon looking at it again, it was complete garbage. Sorry about that. If I find something better, I’ll post it here.)


    Oh. I tried using it but it didn’t completely work. Any other ideas?


    Looks good! Is there any way of maybe changing the text that appears under the main image too?

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.