Jde to pomocí CSS a Javascript.Pro inspiraci posílám zdroj, po najetí na obrázek se zobrazí jeho náhled.Lze to pak upravit i na odkazy.#imgNahledKnihy { float:left; position:absolute; z-index:99;}</style><script type="text/javascript"> $(function () { $(".NahledKnihy").mouseover(function () { // při najetí myší var nahled = $("#imgNahledKnihy"); var src = $(this).attr("src"); nahled.toggle(); nahled.attr("src", src); }); $(".NahledKnihy").mousemove(function (e) { // při pohybu myší var nahled = $("#imgNahledKnihy"); var top = e.pageY + 15; var left = e.pageX + 15; nahled.css("top", top); nahled.css("left", left); }); $(".NahledKnihy").mouseleave(function () { // při skrytí var nahled = $("#imgNahledKnihy"); nahled.toggle(); }); }); </script><body><img class="border" style="display: none" id="imgNahledKnihy" src="../Images/blank_book.jpg" /> <!-- skrytý náhled, který se zobrazí po najetí kurzorem myši --><img class="NahledKnihy" width="50" height="70" src='nahled.jpg' alt="Nahled" /> <!-- miniatura s náhledem… --></body> Ukázat celý příspěvek
