`
Dream丶AL
  • 浏览: 22189 次
  • 性别: Icon_minigender_1
文章分类
社区版块
存档分类
最新评论

图片点击放大

 
阅读更多

设一个div,将它的css设为隐藏。在div下添加一个img标签。

<div id= "big_img",class="image">
    <img>
    </img>
</div>

 

.image{
     width:100%;
     height:100%;
     display:none;
}

 点击页面上的图片时,将它的图片路径保存到本地,并且隐藏页面上所有内容,用document.getElementById("big_img").style.display = "block"; 将div显示出来。

将本地的路径付给img,图片就放大了。

分享到:
评论

相关推荐

    图片点击放大.rar

    这个名为“图片点击放大.rar”的压缩包文件提供了一种在HTML网页上实现图片放大、缩小、旋转以及全屏显示的解决方案。它涉及到的关键技术包括HTML、CSS和JavaScript,这三者构成了Web前端开发的基石。 首先,HTML...

    IOS微博查看图片点击放大

    在微博中查看图片时,用户常常需要查看图片的细节,这时“图片点击放大”功能就显得尤为重要。这个功能使得用户能够轻松地查看高清大图,提升了用户体验。本文将深入探讨如何在iOS应用中实现“图片点击放大”的功能...

    jQuery图片点击放大支持手机触屏滑动图片展示

    在实现图片点击放大功能时,我们可能会用到`$(".img-class")`来选取所有的图片元素。 接下来,我们需要绑定点击事件。jQuery的`.click()`方法可以用来监听元素的点击事件。例如,`$(".img-class").click(function()...

    android端图片点击放大,仿微信头像

    在Android开发中,实现“图片点击放大,仿微信头像”的功能是一项常见的需求,这主要涉及到图片显示、手势检测以及动画效果的实现。这个“imageshowerDemo”应该是一个包含完整示例代码的项目,用于演示如何在...

    图片点击放大+滚动放大+图片旋转.zip

    本文将详细探讨“图片点击放大+滚动放大+图片旋转.zip”这一压缩包文件所涉及的关键知识点,包括图片点击放大、滚动放大以及图片旋转功能的实现。 首先,我们来关注“图片点击放大”功能。在网页中,图片点击放大...

    移动端点击放大、缩放图片,微信端点击放大图片

    "移动端点击放大、缩放图片,微信端点击放大图片"这个主题聚焦于如何在手机和平板等移动设备上,特别是在微信环境中,实现图片的点击放大及手势缩放功能。下面将详细介绍这一技术的实现方式和相关知识点。 首先,...

    android 图片点击放大

    在Android开发中,实现“图片点击放大”的功能是一项常见的需求,尤其在展示细节丰富的图片时。这个功能可以增强用户体验,让用户能更清晰地查看图片的细节。以下将详细讲解如何在ImageView中实现在原位置点击图片后...

    jqury特效--图片点击放大效果(源码)

    在本文中,我们将深入探讨如何使用jQuery实现一个图片点击放大效果。这个效果是网页设计中常见的一种交互元素,可以提升用户体验,使用户能够更清晰地查看图像细节。我们将讲解HTML布局、CSS样式以及jQuery特效代码...

    HTML点击图片放大

    以上代码示例展示了如何使用HTML、CSS和JavaScript实现图片点击放大功能。当然,实际应用中可能还需要考虑浏览器兼容性、图片加载优化等问题。这个简单的功能可以通过各种方式进行扩展和优化,比如使用现代CSS的`...

    asp.net 图片点击放大js

    在这个场景中,我们关注的是如何在ASP.NET中实现图片点击放大功能,而这个功能通常会借助JavaScript(JS)来实现,因为JavaScript可以在客户端运行,提供实时的交互体验。 在ASP.NET中,我们通常会创建一个ASP.NET ...

    图片点击放大缩小(类似微薄的上传图片的放大缩小的js效果)

    "图片点击放大缩小"的效果是一种常见的交互设计,让用户可以更清楚地查看细节,尤其适用于社交媒体、博客和电商网站等。本技术着重于实现类似微博图片预览的功能,通过JavaScript库jQuery来完成这一任务。jQuery是一...

    ios 网页中图片点击放大效果demo

    在iOS开发中,实现网页中图片点击放大的效果是一个常见的需求,特别是在开发具有网页浏览功能的应用时。这个“ios 网页中图片点击放大效果demo”提供了在iPhone 6.1上测试成功的实例,旨在展示如何在UIWebView中处理...

    图片点击放大缩小js代码

    "图片点击放大 js代码" 是一种常见的实现方法,它允许用户通过点击小的缩略图来查看大图,再次点击则返回原来的缩略图状态,提供了一种便捷的大小图切换体验。这种功能对于产品展示、摄影网站或者任何需要详细查看...

    APP里点击图片放大功能实现

    在iOS应用开发中,实现一个图片点击放大并在再次点击时缩小回原位的功能是一项常见的需求。这个功能可以增强用户体验,特别是在展示图片细节时。这里我们将深入探讨如何利用UIImageView及其相关技术来实现这一功能。...

    ios 图片点击放大

    在iOS开发中,图片点击放大是一种常见的用户交互设计,它能提供更好的用户体验,尤其是在查看细节丰富的图像时。本文将深入探讨如何实现这个功能,主要关注`UIImageView`的使用以及点击放大图片的相关技术。 首先,...

    自适应瀑布流+点击图片放大功能

    在这个项目中,jQuery可能被用来实现瀑布流布局的动态加载和图片点击放大等功能。 具体到压缩包内的文件,我们有以下组件: 1. **index.html**:这是项目的主HTML文件,包含了页面的结构和内容。瀑布流布局的元素...

    点击图片放大

    在这个场景中,我们可以看到与jQuery相关的标签,表明我们将使用jQuery来实现图片点击放大的特效。 首先,我们需要在HTML中设置基本的结构。`demo.html`可能包含了若干张图片,每张图片都有一个特定的ID或类名以...

    iOS图片点击放大,左右滑动浏览

    在iOS开发中,实现“图片点击放大,左右滑动浏览”的功能是一项常见的需求,尤其在社交媒体应用中,如微信朋友圈的图片查看体验。这个功能主要涉及到UIImageView和UIScrollView两个关键组件的使用,以及手势识别和...

    瀑布流排版鼠标点击放大图片代码.zip

    在本案例中,“瀑布流排版鼠标点击放大图片代码”是专门针对这种布局设计的一种交互功能,当用户在鼠标点击相册中的小图时,图片会放大展示,提供更清晰的查看体验,同时这个功能也考虑到了手机端的兼容性,确保在...

    图片点击放大.zip

    在前端开发中,图片点击放大是一项常见的交互设计,它能够为用户提供更好的视觉体验。这个名为“图片点击放大.zip”的压缩包文件很可能包含了实现这一功能的相关代码示例,主要使用了JavaScript、HTML、CSS以及...

Global site tag (gtag.js) - Google Analytics