Například pokud chceme zobrazit obrázek, který máme v „href“ atributu elementu „a“:

Html:

<div class="showimg"><a href="/cesta/k-souboru.jpg">Na hover zobraz obrázek v href</a></div>

Javascript:

<script>
$(".showimg a").attr("style", "position:relative").mouseenter(function(){
var img=$(this).attr("href");
$(this).append("<span class='mosimg' style='position:absolute; bottom: 105%;left:0px;'><img src='"+ img + "' style='max-width:1000px;border:1px solid #999; border-radius:10px;'></span>");
}).mouseleave(function(){
$(".mosimg").remove();
});
</script>

Libovolně můžete měnit CSS v kódu.


Napsat komentář

Vaše emailová adresa nebude zveřejněna.

This site uses Akismet to reduce spam. Learn how your comment data is processed.