SitePoint Sponsor

User Tag List

Results 1 to 5 of 5

Thread: images with css

  1. #1
    SitePoint Evangelist hantaah's Avatar
    Join Date
    Jul 2011
    Location
    Birmingham, Uk
    Posts
    562
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)

    images with css

    Is it possible to make these images, one main one then the rest underneath and when clicked becomes the main pic? Is it possible with css or does it need jscript or something?

    Is it difficult and how can it be done?

    http://umcwales.com/deenbay/?ult_auc_id=1264

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,330
    Mentioned
    463 Post(s)
    Tagged
    8 Thread(s)
    You'll need to elaborate a bit. CSS galleries can be done, but more commonly you'd use JS.

  3. #3
    SitePoint Evangelist hantaah's Avatar
    Join Date
    Jul 2011
    Location
    Birmingham, Uk
    Posts
    562
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    You'll need to elaborate a bit. CSS galleries can be done, but more commonly you'd use JS.
    I just need a main image and the other 3 images as thumbnails lined horizontally under the main image. Possibly being able to click the smaller images to make them show as the larger main image.
    How to do it, any tutorials to show me etc etc or is it easy to code?

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,330
    Mentioned
    463 Post(s)
    Tagged
    8 Thread(s)
    You could try something like this:

    http://www.websitecodetutorials.com/...ruth1-demo.php

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,549
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    You can do it like this with a little bit of jquery (just view source as all the code is in the head). If you don't want to use jquery then it could be converted to vanilla js without too much trouble (hopefully).

    It should be self explanatory but just ask if you need clarification.


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
  •