Forums

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

Home Forums CSS How to upload the same image with ddifferent color?

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #207487
    tatadigitalx
    Participant

    I want to replace the new image with the current image when selected or mouse over?(Like when the user clicks on image it should change the color)New to Html and css

    http://codepen.io/anon/pen/RWNWdV

    PLease follow the link
    Any help will be greatly appreciated.

    #207576
    Eva
    Participant

    I am bit confused. Let say you have a menu with some menu items. Each menu item has its specific image. You want that each image has a hover on mouse focus.
    In this case, you have the hover but you have same image. So all you have to do is to change the image. Upload on your server (if you are working online the image)and edit the html file giving the link the id of the image you uploaded.
    images/Homepage/Category-Creative/UK/UK_Creative_462809583.jpg
    images/Homepage/Category-Creative/UK/your image. and it is done…. I am not sure if thats what you were looking for

    #207578
    Paulie_D
    Member

    I am bit confused.

    Me too.

    CSS can’t change HTML so if you have an image actually in the HTML, you’d need javascript to swap it out for another one.

    If the image is in the CSS as a background then you can just use a different image path in the :hover state.

    http://codepen.io/Paulie-D/pen/VvYmYB

    Of course, you can’t do clever filter effects on a background-image.

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