SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Evangelist
    Join Date
    Oct 2005
    Posts
    415
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Javascript Image dropdown

    I do not know if this is the correct place to ask this but i am in need of an image dropdown to enable users to visually select images from a dropdown and see the image preview in the actual dropdown itself.

    I need something like this http://www.jameslinden.com/2006/04/

    this does not seem to work as my icons are 64 x 64 pixels and therefore i cannot figure out how to customise this,..

    Any help would be great

    Rodent

  2. #2
    American't awestmoreland's Avatar
    Join Date
    Sep 2002
    Location
    Grand Rapids, MI
    Posts
    1,168
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Remove the inline height from the select and change the styles as follows:
    Code:
    .icon {
        height: 64px;
        width:  64px;
        background-repeat: no-repeat;
        padding-top: 1px;
        padding-bottom: 1px;
        background-color: white;
    }
    .group {
        height: 66px;
        width: 64px;
        background-color: white;
    }
    This code doesn't appear to work in IE6, so you might want to rethink using it. For what it's worth, I'd probably tweak it as follows so that when you need to change/add/remove icons, you can simply do it in the array in the header: DEMO


    Andy
    From the English nation to a US location.

  3. #3
    SitePoint Evangelist
    Join Date
    Oct 2005
    Posts
    415
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thankyou very much for your help..i will give this a try

    Thanks

    Rodent


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
  •