Thumbnails mit Onmouse event

[Freshmojojo]

Hey ich habe eine kleine Frage wie bekomme ich es hin, dass wenn ich mit meiner Maus über ein thumbnail in meiner Gallerie fahre, dass dies irgendwie blau umrahmt wird ein + symbol auf drauf erscheint etc...? Danke Lg Freshmojojo

 

[Tronjer]

$(selector).hover(
  // mouseover
  function() {....},
  // mouseout
  function() {....}
)

 

[Banana_Jones]

Je nach Anforderung würde sich dies aber auch über CSS lösen lassen:

.thumbnail .symbol {
    display: none;
}

.thumbnail:hover {
    border: 1px solid blue;
}

.thumbnail:hover .symbol {
    display: block
}

 

[Freshmojojo]

Danke erstmal :) css wär mir zwar lieber, jedoch bekommt man es hin das es weich erscheint (mit css) ? und wenn nicht mit css wie dann mit js? :)

 

[Sempervivum]

bekommt man es hin das es weich erscheint (mit css) ?

Ja, das geht mit den CSS3-Transitions:

    img {
        border: 5px solid;
        border-color: rgba(0,0,255, 0);
        -webkit-transition: border-color 1s ease-in;
        -moz-transition: border-color 1s ease-in;
        transition: border-color 1s ease-in;
        -moz-background-clip: padding;
        -webkit-background-clip: padding;
        background-clip: padding-box
    }
    img:hover {
        border-color: rgba(0,0,255, 1)
    }

 

[Freshmojojo]

Super Danke :)