چطوری وقتی روی تصویر ماوس قرار میگیره یک متن روش قرار بگیره؟

[ehsansh 1]

سلام عرض میشه.

میخواستم بدونم آیا پلاگینی هست که تصاویر رو نشون بده و بعد که با ماوس روش قرار میگیریم متنی قرار بگیره و لینک برای کلیک کردن داشته باشه؟

نمونه چیزی رو که میخوام در تصویر ضمیمه قرار دادم.

[مرتضی نظری 4182]

این خاصیت جی کوئری هست، فکر نکنم پلاگین آمداه وردپرس وجود داشته باشه... ولی پلاگین هایی برای جیکوئری وجود داره..

[ehsansh 1]

این خاصیت جی کوئری هست، فکر نکنم پلاگین آمداه وردپرس وجود داشته باشه... ولی پلاگین هایی برای جیکوئری وجود داره..

مرسی. میتونی اسم بدی که ببینم دنبال چی باید بگردم توی JQuery؟ مثلا اسم پلاگین یا دستور باشه خوبه.

[مرتضی نظری 4182]

http://www.jqueryrain.com/demo/jquery-image-hover-effect/

کلمه کلیدی برای جستجوی بیشتر هم hover jquery plugins موارد خوبی رو میاره...

[علی زینلی 2114]

سلام نمونه مشابه عکس:

http://jsfiddle.net/4fgnd/4/

http://www.reinisfischer.com/drupal-developer/image-hover-effects-how-change-background-mouse-over

http://www.corelangs.com/css/box/overlay.html

نمونه های ساده:

http://jsfiddle.net/4fgnd/5/

http://www.the-art-of-web.com/css/textoverimage/

نمونه های افکت دار جالب تر:

http://jsfiddle.net/UgsyL/1/

http://cssdeck.com/labs/jjcnv7p3

http://codepen.io/ianfarb/pen/ikeAf

http://maketea.co.uk/2013/12/16/smooth-text-overlays-with-css-transforms.html

http://tympanus.net/Tutorials/ShapeHoverEffectSVG/index2.html

http://tympanus.net/TipsTricks/HoverClickTriggerCircle/

http://tympanus.net/Tutorials/CaptionHoverEffects/index4.html

http://demo.html5xcss3.com/demo.php?url=http://tympanus.net/Tutorials/OriginalHoverEffects/

http://www.backslash.gr/demos/contenthover-jquery-plugin/

https://0.s3.envato.com/files/49350481/index.html

http://codepen.io/davidleininger/pen/fvemb

http://codepen.io/JacobStone420/pen/GfLEn

http://www.webdesigncrowd.com/demo/hover-transition-1.13.14/

http://recipes.joomla-monster.com/animated-hover-effects-for-images/#.VOsj0vqJA06

http://codepen.io/davidleininger/pen/FuitG

http://codepen.io/Vidy/pen/ctLnK

http://tympanus.net/Development/HoverEffectIdeas/

این برای نمایش چندین عکس با سرعت بالا:

http://demo.html5xcss3.com/demo.php?url=http://tympanus.net/TipsTricks/FastHoverSlideshow/

[مهدی 1668]

سلام

http://tympanus.net/codrops/2014/10/28/some-more-subtle-hover-effect-ideas/
http://tympanus.net/codrops/2014/01/07/shape-hover-effect-with-svg/
http://tympanus.net/codrops/2013/06/18/caption-hover-effects/

[majid1889 733]

بدون jQuery و با CSS هم میشه انجام داد .

شما یک div با متن و محتوی دلخواهتون بسازید ولی خاصیت

display: none;

یا

opacity: 0;

رو به اون بدید . و بعد اینطور ادامه کار بدید :

.class-e-div:hover{
opacity : 1;
}

یا

.class-e-div:hover{
display: block;
}

[ehsansh 1]

مرسی از همتون ... بعضی پستها نیاز به یک دکمه "تشکر مخصوص" داره