0

当用户单击它甚至将光标悬停在它上面时，我想在网页上展开图像。

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

任何人都可以推荐一个安装、学习曲线或编码工作量最少的免费解决方案吗？

提前致谢。

4

3 回答 3

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'}) 
    });

)}

显然将其设置为您想要的任何尺寸。

于 2013-06-01T04:42:03.803 回答
1

你要找的东西叫做灯箱

我猜这个看起来很容易。

于 2013-06-01T04:43:37.240 回答
1

如果这是您需要的预期效果，那么之前建议的答案将满足您的需求。不过，您可以使用 CSS 放大。

演示http://jsfiddle.net/kevinPHPkevin/mUpJZ/

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

这只是一个基本示例，但您可以根据需要进行详细说明，例如定位、阴影效果等，当:hover

于 2013-06-01T06:59:57.413 回答