图像Javascript弹出窗口
我正在寻找一个图像弹出的解决方案 鼠标单击时要放大的常用图像。这个想法应该是类似于Highslide弹出窗口的东西。我想使用CSS分配事件。例如,如果img标签有一个特定的类,那么图像应该放大 也许有人有很好的解决办法。试试看。他们在站点上有演示和代码示例,因此您应该能够知道如何仅在具有特定类的元素上触发它图像Javascript弹出窗口,javascript,html,css,Javascript,Html,Css,我正在寻找一个图像弹出的解决方案 鼠标单击时要放大的常用图像。这个想法应该是类似于Highslide弹出窗口的东西。我想使用CSS分配事件。例如,如果img标签有一个特定的类,那么图像应该放大 也许有人有很好的解决办法。试试看。他们在站点上有演示和代码示例,因此您应该能够知道如何仅在具有特定类的元素上触发它 $('img.someClass').fancybox({/* ..whatever options you want.. */ }); 试试这个JSFIDLE: HTML: CSS: 你
$('img.someClass').fancybox({/* ..whatever options you want.. */ });
试试这个JSFIDLE:
HTML:
CSS:
你需要试试谷歌,S.O.是来回答你关于编码的问题的,而不是用来查找知识的资源。
<button>bigger</button>
<img class="smaller" src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/26/YellowLabradorLooking_new.jpg/260px-YellowLabradorLooking_new.jpg">
$(document.body).on('click', 'button', function() {
$('img').toggleClass('bigger');
});
.smaller{
width:50px;
height:50px;
}
.bigger{
width:250px;
height:250px;
}