Question

我想在用户点击它时在网页上展开图片，或者甚至将光标悬停在网页上。

我怀疑这需要一个JavaScript解决方案，我对JS一无所知，所以不知道该去哪里。

任何人都可以建议一个免费的解决方案，只需要最少的安装，学习曲线或编码工作吗？

提前致谢。

Answer 1

我建议使用JQuery。

只需为您的图片提供一个类，您只需使用以下命令将其定位到javascript中即可：

$(document).ready(function(){
    // expand on click
    $('.my_image').click(function(){
    $(this).css({'height' : '500px', 'width' : '500px'}) 
    });
    // expand on hover
    $('.my_image').hover(function(){
    $(this).css({'height' : '500px', 'width' : '500px'}) 
    });

)}

显然将其设置为您希望的任何尺寸。

Answer 2

您要找的是light box

我猜，

This one看起来很简单。

Answer 3

如果符合您的需求，之前建议的答案将满足您的需求。你可以用CSS放大。

DEMO http://jsfiddle.net/kevinPHPkevin/mUpJZ/

img {
    width:90px;
}
img:hover {
    width:500px;
}

这只是一个基本的例子，但你可以按照自己的意愿制作它，例如定位，阴影效果等，:hover

用户悬停或点击时展开图片 - 只需很少的努力

3 个答案: