如何通过在手柄中单击来增加图像的大小？

我正在将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，以避免将来产生歧义（潜在的错误）。

如何通过在手柄中单击来增加图像的大小？

我正在将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，以避免将来产生歧义（潜在的错误）。