Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Nov 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Rollover or scroll through photos

    Hi, I run the website for a university society on angelcities. The previous person running it put our photos up as thumbnails on the site and they open up in a new window when you click them.

    I'm looking for a way to streamline this. Either for the images to enlarge when you rollover/click them or to open some sort of photo album, in the same manner as facebook, where you can click something to view the next/previous images, etc.

    The site is set up in html, and I've heard that this can't really be achieved in this format. I'm alright at writing codes, but I simply don't know where to begin with this! Can anyone help?
    Last edited by Glitch; 11-21-2008 at 03:59 PM.

  • #2
    Regular Coder
    Join Date
    Oct 2008
    Posts
    130
    Thanks
    0
    Thanked 4 Times in 4 Posts
    You could enlarge them onmouseover if you would like.

    Code:
    <style type="text/css">
    .on { width:100px;height:100px;font-size:20; }
    .off { width:50px;height:40px; }
    </style>
    
    <image src="image.gif" onmouseover="this.className='on';" onmouseout="this.className='off';">
    However, in your case, this would move other images. I would look into the site below as it shows a new image onclick.

    http://www.moneytreesystems.com/css/picpopup.html

  • #3
    New to the CF scene
    Join Date
    Nov 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by GardenGnome2 View Post
    However, in your case, this would move other images. I would look into the site below as it shows a new image onclick.

    http://www.moneytreesystems.com/css/picpopup.html
    Well, you were right about it moving them (not good!) but thanks for the link - that page in particular wasn't too useful, but it had a link that then linked to another - which was very helpful! So, thankyou very much!


  •  

    Posting Permissions

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