如何通过在手柄中单击来增加图像的大小?
我正在将node.js与把手模板引擎一起使用。当前,数据库中的缩略图图像以70的宽度和高度显示,该高度和高度在代码中指定。见下文。如何允许用户单击车把中的图像并看到较大的照片副本?当前图像太小而看不到,但是我只希望在单击它们时增加它们。
我正在使用把手...。因此,这将有所帮助...(没有“ onClick =”方法,因为我正在使用node.js,它将无法正常工作]
<style>
img.std {
height: 10%;
}
img.big {
height: 40%;
}
</style>
<img id="img" class="std" onClick="(this.className=='std')?this.className='big':this.className='std'" src="/uploads/{{photo_image}}">
回答如下:您可以使用jQuery轻松完成此任务:
$(document).on('click','img',function(){
if (this.id == "img") {
this.className=='std' ? this.className = 'big' : this.className='std';
}
});
<img id="img" class="std" src="/uploads/{{photo_image}}">
我建议为标签使用唯一的ID,以避免将来产生歧义(潜在的错误)。