JQuery Bild popout auf schweben

Question

Ich habe mich gefragt, wie würde man in jQuery diesen Übergang Wirkung tun -

ich ein Bild habe, wenn ich darüber mit meiner Maus schweben, die Bildübergänge aus leicht (vergrößert in der Größe) & Wenn ich aus dem Bild schwebe, fällt es auf seine ursprüngliche Größe zurück.

Dieses Verhalten ist wie, was sehen wir in Google Images

Answer 1

Ich bin mir nicht sicher über jQuery, aber Sie können CSS3-Übergänge verwenden. CSS3 Übergänge funktionieren nicht in jedem Browser, aber wenn man Spaß in FF und Webkit haben will ...

Ihre Bilder Unter der Annahme, eingewickelt in <a> Tags (Edit: Beispiel @http://jsfiddle.net/Kai/x4Frn/):

a img { 
    -webkit-transition: -webkit-transform 0.3s ease; 
    -moz-transition: -moz-transform 0.3s ease; 
    -o-transition: -o-transform 0.3s ease; 
    transition: transform 0.3s ease; 
} 

a:hover img { 
    -webkit-transform: scale(1.5); 
    -moz-transform: scale(1.5); 
    -o-transform: scale(1.5); 
    transform: scale(1.5); 

    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5); 
    -o-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5); 
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5); 
} 

Answer 2

Sehen Sie sich die unten stehenden Links -

http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/

http://justinfarmer.com/?p=31

Sie können mehr von ihnen Google aus.