jquery image resize transition onMouseOver
gerade gefragt, ob es irgendein jquery-plugin, dass, wenn Ihre Maus über ein Bild, dieses Bild wird in der Größe erhöhen und wenn deine Maus aus dem Bild heraus, es wird verkleinert und dies alles zu einem glatten übergang.
danke!
- versuchen Sie, diese justinfarmer.com/?p=14, und hier ist ein demo - justinfarmer.com/tutorials/imageexpansion/imageexpansion.html. Ich denke, es ist genau das, was Sie brauchen.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Könnten Sie versuchen, die Zoomer gallery plugin, oder Rollen Sie Ihre eigenen basierend auf dieses tutorial. Persönlich würde ich die tutorial-route, da es ' ll geben Ihnen mehr Kontrolle über das Ergebnis (und Sie werden lernen, etwas zu Booten 😉
Wenn Sie wollen einfach nur ein Bild, das Sie verwenden können, die jQuery-UI-Effekte. Hinweis: dieses ist unabhängig von der Basis-jQuery - fügen Sie diese unter Ihrem Aufruf von jQuery.
Nun, dass Sie Hinzugefügt haben, einen link auf der Benutzeroberfläche, die wir verwenden können, Ihre Effekt-library so:
Skript:
html:
Nur daran erinnern, dass beim skalieren etwas, bis Sie brauchen, um herauszufinden, wie die Waage wieder nach unten, da die neue Größe zu 100% sein wird. In meinem code wir es doppelt (200%), dann reduziert es auf die Hälfte (50%), um zum original zurück. Fühlen Sie sich frei zu spielen, mit der übergangszeit, und alle Rückrufe, die Sie benötigen konnten, um es perfekt zu bekommen.
Link zu der jQuery .hover() und jQuery-UI-Effekte
Es ist ein jQuery-hack:
Aber man könnte ein CSS-pseudo-Klasse :hover
Entweder angewandt werden könnten, um dieses Beispiel HTML -