当你点击一个缩略图,显示特定尺寸的图像在移动+ PC上
When you click on a thumbnail, show specific size of image on mobile + PC
点击缩略图时,显示手机+ PC上特定尺寸的图像
对于这样的事情,您需要使用媒体查询。有了这个,你可以根据屏幕的大小来改变样式。
至于按下和按住,你可以使用jQuery:
$('element').on('mousedown touchstart', function() { showImage() });
$('element').on('mouseup touchend', function() { hideImage() });
使用此代码,您可以使用相同的功能在移动端和桌面端实现。
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- nodejs-expressjs上传图像并显示它们
- 使用JSP从服务器检索和显示图像
- 角度:在ng重复上切换图像
- 画廊图像未显示
- Phonegap-(安卓/iphone)多个图像的图像库出现问题
- Javascript排序的图像弹出窗口..可以't单独弹出
- 画布数据到图像
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 使图像在单击时展开到不大于浏览器
- Html页面上的多个Base64图像和平滑加载
- UIAutomation放大图像
- 使用javascript在Flash中加载外部图像
- 可以在这里为背景图像设置滤镜吗
- 将图像保存到用户的pc缓存中,并使用asp.net从缓存中使用它
- JPG图像不会显示在Safari PC / iPhone上
- 为什么更改图像单击在PC上不起作用
- JavaScript 用于基于 PC 时钟的多个图像更改
- 如何从网站url获取图像并将所有图像存储在PC中的文件夹中
- 当你点击一个缩略图,显示特定尺寸的图像在移动+ PC上