javascript - Hover over image effects -

I'm developing a web site, and there is currently a problem, I have to type javascript code, which will enable images . To be larger than others and display several lines of additional text about the product on the image. I have noticed this article but it is not solving my problem. Can you please advise?

What do you want even though it works on clicks, not on hover, me down

Note: When it is possible to do this work on the hover (as shown here) to work on the hover, it must add some code, it is not recommended. Put a bunch of these on one page and it will be very annoying real quick!

  $ (document) .ready (function () ($ (" a # inline "). Fancybox ({' HideOnContentClick ': true}); // This is done to work on Hover $ (".overoverclick"). Hover (function () {$ (This) .click ();});}); < / Code> 

  & lt; link rel = "stylesheet" href = "http://dodsoftware.com/sotests/ Fancy / jquery.fancybox-1.3.4.css "Type =" text / css "media =" screen "/> gt; script type =" text / go " WAScript "src =" http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js "> gt; & lt; / script & gt; & script; script type =" text / javascript "Src =" http://dodsoftware.com/sotests/fancy/jquery.fancybox-1.3.4.js "& gt; & lt; / script & gt; script type =" text / javascript "src = "Http://dodsoftware.com/sotests/fancy/jquery.easing-1.3.pack.js" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" src = "http://dodsoftware.com/sotests/fancy/jquery.mousewheel-3.0.4.pack.js" & gt; & Lt; / Script & gt; & Lt; An id = "inline" class = "hoverclic" href = "# data" & gt; & Lt; Img alt = "src =" http://farm9.staticflickr.com/8366/8483546751_86494ae914_m.jpg "& gt; & lt; / a & gt; & lt; div style =" display: none "& gt; Lt; div id = "data"> lt; img alt = "" src = "http://farm9.staticflickr.com/8366/8483546751_86494ae914_m.jpg" & gt; & lt; br & gt; & lt ; H3 & gt; My cool title & lt; / h3 & gt; & lt; p & gt; Get your cool item here & lt; / p & gt; & lt; / div & gt; & lt; / Div>