我正在寻找图像弹出的解决方案。
鼠标单击时要放大的通常图像。这个想法应该类似于 Highslide 弹出窗口。我想使用 CSS 分配事件。例如,如果 img 标签具有特定的类,则应放大图像。
也许有人有一个很好的解决方案。
我正在寻找图像弹出的解决方案。
鼠标单击时要放大的通常图像。这个想法应该类似于 Highslide 弹出窗口。我想使用 CSS 分配事件。例如,如果 img 标签具有特定的类,则应放大图像。
也许有人有一个很好的解决方案。
试试花式盒子。他们在网站上有演示和代码示例,因此您应该能够弄清楚如何仅在具有特定类的元素上触发它。
$('img.someClass').fancybox({/* ..whatever options you want.. */ });
试试这个jsfiddle:http: //jsfiddle.net/3Z8RZ/37/
HTML:
<button>bigger</button>
<img class="smaller" src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/26/YellowLabradorLooking_new.jpg/260px-YellowLabradorLooking_new.jpg">
JS:
$(document.body).on('click', 'button', function() {
$('img').toggleClass('bigger');
});
CSS:
.smaller{
width:50px;
height:50px;
}
.bigger{
width:250px;
height:250px;
}