`
fidel
  • 浏览: 11733 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

用滚轮放大缩小图片缩略图

阅读更多
//初始化图片大小
function resizepic(thispic) 
{ 
if(thispic.width>570) thispic.width=570; 
} 
//使用滚轮时放大或缩小图片
function bbimg(o) 
{ 
  var zoom=parseInt(o.style.zoom, 10)||100; 
  zoom+=event.wheelDelta/12; 
  if (zoom>0) o.style.zoom=zoom+'%'; 
  return false; 
}



<div style="width:640px;overflow: hidden;">
<P align=center>
//target=_blank 在新窗口打开图片
<A href="图片地址" target=_blank>
<IMG onmousewheel="return bbimg(this)" alt="" src="图片地址" onload=resizepic(this) border=0>
</A>
</P>
</div>



很简单吧试试效果吧!
附件不要下载,有密码打不开的,我自己在工程里做的测试。
  • test.rar (16.1 KB)
  • 描述: 附件不要下载,有密码打不开的,我自己在工程里做的测试。
  • 下载次数: 32
分享到:
评论

相关推荐

    Delphi 图片漫游框放大缩小及滚轮缩放

    这个组件将支持图片的放大、缩小以及通过鼠标滚轮进行逐级缩放的功能。首先,我们需要理解Delphi的基础知识,它是基于Object Pascal的集成开发环境,提供了丰富的控件和库来构建桌面应用程序。 ### 1. Delphi控件...

    WPF利用缩略图实现图片放大缩小

    在本文中,我们将深入探讨如何在Windows Presentation Foundation (WPF) 中利用缩略图实现图片的放大缩小功能。WPF是微软.NET Framework的一部分,提供了一种强大的方式来创建丰富的、交互式的桌面应用程序。 首先...

    javascript图片预览(滚动放大缩小和拖动查看)

    这个压缩包中的资源提供了一个实现滚动放大缩小和拖动查看图片的例子。下面将详细解释这个实现过程及其涉及的关键知识点。 首先,`test.html`是主HTML文件,它包含了整个预览功能的基本结构。在HTML中,你需要创建...

    qt实现多图加载,缩略图的放大缩小拖动,转入单图亦可放大缩小拖动。task1.zip

    qt实现多图加载,缩略图的放大缩小拖动,转入单图亦可放大缩小拖动。 操作方式,点击文件,得到对话框,选择多张图片,确定,等待加载,鼠标左键按住可拖动,鼠标滚轮可放大缩小,双击单图可转入单图模式,功能亦可...

    js图片 放大 缩小 移动 鹰眼

    在这个场景下,用户希望实现鼠标滚轮滚动来控制图片的放大和缩小,而原有的功能是通过组合键(Shift + 鼠标左键)放大,Alt + 鼠标右键缩小。下面将详细介绍如何实现这个需求。 首先,我们需要在HTML中创建一个`...

    html图片控制处理放大缩小移动多种案例(源码)

    html图片控制处理放大缩小移动多种案例(附源码),简约图片预览,仿京东图片放大镜效果,图片查看器,可放大缩小,旋转,图片放大镜效果,图片放大缩小查看,图片放大显示,支持滚轮调整大小,图片上下滑动缩略图字幕...

    js控制图片放大、缩小、按比例显示

    在JavaScript(JS)编程中,控制图片的放大、缩小以及按照比例显示是常见的需求,尤其在网页设计和交互效果中。下面将详细讲解如何利用JavaScript实现这些功能。 1. **图片放大与缩小** - **鼠标滚动事件**:在...

    jQuery图片缩放图片图片转动仿QQ空间图片查看特效(全屏,放大,缩小,旋转,镜像,鼠标滚轮缩放)

    本文将深入探讨如何使用jQuery实现一个图片查看特效,类似于QQ空间中的图片查看功能,包括全屏显示、图片放大缩小、旋转、镜像以及通过鼠标滚轮进行缩放。 首先,我们需要在网页中引入jQuery库。可以下载jQuery库...

    viewer.js图片放大缩小使用的js

    5. **API接口**:提供丰富的API接口,允许开发者在运行时控制图片查看器,例如打开、关闭、切换图片、放大和缩小等操作。 6. **兼容性**:除了原生JavaScript,`viewer.js`还支持jQuery插件形式,方便已经使用jQuery...

    轮播功能带缩略图可切换有下拉效果

    在这个案例中,“轮播功能带缩略图可切换有下拉效果”指的是一个具有特定特性的轮播组件。 首先,"轮播"(Carousel)是指一种可以自动或手动循环播放内容的UI组件。它通常包括一组图片、视频或HTML元素,这些元素会...

    缩略图查看器[绿色小工具]

    3. 在程序界面中,用户可以看到生成的缩略图,通过鼠标滚轮或左右箭头键可快速浏览图片。 4. 如需切换文件夹,可以在菜单栏选择“文件”&gt;“打开文件夹”,定位到目标图片所在的目录。 总的来说,"缩略图查看器"是一...

    mfc SDI 缩略图

    在这个项目中,我们需要加载图片并将其显示在两个不同的窗口中:左侧窗口用于显示缩略图,右侧窗口用于显示放大后的图像。这可以通过创建两个`CView`子类并在它们各自的`OnDraw`函数中调用OpenCV的图像显示函数实现...

    简易缩略图浏览器

    【简易缩略图浏览器】是一种基于Qt库设计的图形用户界面应用,主要目的是方便用户浏览和操作图片的缩略图。在本项目中,开发者利用了`QListWidget`组件来展示图片缩略图,并结合`PaintEvent`事件处理机制实现了缩略...

    vue iview多张图片大图预览、缩放翻转

    “缩放翻转”则说明除了简单的放大缩小功能之外,还应支持对图片进行旋转等操作。 ### 描述解析 在描述中提到本文的内容具有一定的参考价值,并鼓励对图片预览功能感兴趣的开发者进行参考。描述中还提及了具体实现...

    图片预览放大

    jQuery的`.animate()`方法可以帮助创建这些动画效果,通过设置时间和缓动函数,使得图片放大缩小过程更加流畅自然。 在文件名列表中提到的"csshellojs_59"可能是指一个CSS和JavaScript的示例文件,可能是用来展示...

    电子相册程序,实现图片的浏览,放大缩小等动能evc4.0下编译通过

    这里的“放大缩小”功能,通常依赖于图形用户界面(GUI)的缩放控件,允许用户通过鼠标滚轮或特定的按钮来调整图片的大小,以便查看细节或适应不同的屏幕尺寸。 实现这些功能需要对图像处理和GUI编程有深入的理解。...

    iSee图片精灵

    相比具有流畅的图片浏览速度和舒适的默认操作设置,支持两种鼠标滚轮操作方式,acdsee的滚轮前后切换图片以及Picasa的滚轮放大缩小图片方式。 该软件不仅是一款图片浏览工具,也具有智能的图像编辑功能,例如图片...

    vb0226yingyanmanyou_地图放大缩小漫游鹰眼导航功能_

    标题“vb0226yingyanmanyou_地图放大缩小漫游鹰眼导航功能_”表明这是一个关于使用Visual Basic(VB)和Map Objects(MO)库实现的地图交互功能的项目,其中包含了地图的放大、缩小、漫游以及鹰眼导航等关键特性。...

    C#编写的用GDI绘制的图片显示、拖动、缩放自定义控件

    缩放功能可以通过放大和缩小图片的比例实现。我们可以添加滑块或使用鼠标滚轮来控制缩放。例如,可以添加一个`Scroll`事件处理程序,根据滚动方向改变缩放因子: ```csharp private float zoomFactor = 1.0f; ...

Global site tag (gtag.js) - Google Analytics