Show bigger image on thumbnail's hover

前端 未结 4 1973
盖世英雄少女心
盖世英雄少女心 2021-01-03 02:41

For a list of images I have the urls for the squared thumbnail http://example.com/img1_thumb.jpg and for the original size (any proportion) http://exampl

4条回答
  •  轮回少年
    2021-01-03 03:15

    Basically you can create a

    set it's display:none and then bind an event to the thumb div like this :

    $(".thumb_class").hover(function(){
       $(".some_class").show()
    },
    function(){
       $(".some_class").hide()
    }
    

    Of course you can personalize every div . The second function let you to hide the div when the mouse is out of the thumb. Hope i was as clear as possible.

提交回复
热议问题