0 0

关于页面图片显示效果的问题。0


现在要实现这种效果。

点击图片后出现一个原图片缩略图的可移动面板。可以放大放小。可拖动。

望各位达人能给出一个示例(最好是一个完整的示例程序)。


 

2013年4月15日 14:59
  • 大小: 257.3 KB

3个答案 按时间排序 按投票排序

0 0

采纳的答案

组合如下插件也可
http://www.malsup.com/jquery/block/
http://vectorflower.com/preview/smooth_zoom/index.html

http://down.scscms.com/scs/xzy_zoompic/index.html
jquery fancybox 不能放大缩小 (也可以自己改造)

2013年4月15日 15:13
0 0

http://malinglove5.blog.163.com/blog/static/78710881200972432558788/http://www.cnblogs.com/cloudgamer/archive/2008/12/03/Resize.html,用可以拖拽的div来放置图片,设置自适应

2013年4月15日 15:10
0 0

参见这个:
http://fstoke.me/jquery/window/

2013年4月15日 15:01

相关推荐

    图片幻灯显示效果web页面源代码

    "图片幻灯显示效果web页面源代码"是一个关于如何使用CSS和JavaScript实现这种效果的示例项目。接下来,我们将深入探讨这个主题,包括相关的核心技术、实现原理以及代码结构。 首先,CSS(层叠样式表)在这里主要...

    JS实现页面载入时随机显示图片效果

    本文将详细介绍如何使用JavaScript技术实现页面载入时随机显示图片的效果。 首先,要实现随机显示图片的功能,我们首先需要准备一些图片资源,并将它们放在服务器上的某个目录中,比如名为“img”的目录下。这些...

    dwz页面图片显示js

    `dwz页面图片显示js`主要指的是DWZ框架中用于处理页面图片显示的JavaScript代码,这些代码通常包含了图片预加载、缩放、轮播、懒加载等功能,以提升用户体验。 一、图片预加载 预加载是提高页面加载速度的一种技术...

    图片上传前预览效果,静态页面显示

    总结起来,"图片上传前预览效果,静态页面显示"是一个涵盖了HTML、CSS、JavaScript和可能的后端交互的综合问题。实现这一功能需要理解浏览器的File API,掌握基本的前端开发技能,并根据实际需求进行优化和扩展。

    JS实现页面图片展示效果

    在网页设计中,图片展示效果是提升用户体验的关键因素之一。JavaScript作为前端开发的重要语言,能够实现许多动态和交互式的图片展示功能。以下是一些基于JavaScript实现的图片展示效果及其相关知识点: 1. 图片...

    Image Show 百度图片显示效果

    以下是关于图片显示效果的一些详细知识点: 1. **响应式设计**:为了适应不同设备的屏幕尺寸,图片应采用响应式设计,根据设备宽度自动调整图片大小,确保在任何设备上都能良好显示。 2. **延迟加载**(Lazy ...

    jquery 页面点击图片变大显示 柔和效果

    "jQuery 页面点击图片变大显示 柔和效果"是一种常见的增强图片查看体验的技术,它允许用户在点击图片后以平滑过渡的方式查看放大后的图像。这种效果能够使网页显得更加生动且专业,同时也为用户提供了一种便捷的方式...

    Flash分页图片显示效果

    Flash分页图片显示效果是一种在Web上展示多张图片的常见方法,它允许用户通过点击或滑动来切换不同的图片页面,为用户提供了一种互动且引人入胜的体验。这种效果通常由ActionScript驱动,ActionScript是Flash中的...

    网页图片切换显示效果

    网页图片切换显示效果是一种常见的网页设计技术,常用于网站的首页或者产品展示页面,以吸引用户的注意力并增强视觉体验。这种效果通常是通过JavaScript、CSS3或者一些前端框架如jQuery实现的,可以创建出平滑过渡、...

    javascript实现flash的图片显示效果

    JavaScript作为浏览器端最强大的脚本语言之一,现在被广泛用于实现各种复杂的交互效果,包括模拟Flash中的图片显示效果。本文将详细探讨如何使用JavaScript来实现类似Flash的图片显示效果。 首先,我们需要理解...

    带效果的图片显示,相册显示

    6. **Highslide JS**:高斯滑动(Highslide JS)是一个流行的JavaScript图像和媒体扩展库,用于实现高质量的图片显示效果。它支持多种特效,如淡入淡出、滑动、缩放等,并提供了弹出窗口、全屏查看、图库导航等功能...

    java上传图片后立即将图片显示出来

    综上所述,"java上传图片后立即将图片显示出来"这一功能的实现涉及到Java的文件上传处理、IFrame技术的运用、前端JavaScript的交互以及服务器端的文件管理和安全控制等多个方面。理解这些关键点对于开发高质量的Web...

    网页全屏显示图片效果

    为了实现全屏图片显示,我们需要在HTML中创建一个大尺寸的`<img>`标签或者使用`<div>`标签配合CSS背景图片属性来放置图片。例如: ```html ('images/your-image.jpg')"> ``` 2. CSS 样式: - `css`目录下的文件...

    图片显示效果变清晰

    "图片显示效果变清晰"是一个常见的需求,它涉及到JavaScript(js)的图像处理技术,特别是图像的比例缩放。本文将详细讲解如何使用JavaScript来优化图片显示效果,使其在不同环境下都能保持清晰。 首先,我们要理解...

    一个简单的图片动态显示效果

    在网页设计中,图片动态显示效果是提升用户体验和吸引用户注意力的重要手段。"一个简单的图片动态显示效果"这个主题,通常涉及到的是如何通过JavaScript、CSS3或者一些前端框架(如jQuery)来创建一种视觉上引人入胜...

    js,flash页面及页面效果焦点(多图可带有缩略图)图片显示

    标题中的“js,flash页面及页面效果焦点(多图可带有缩略图)图片显示”指的是一种网页设计技术,用于创建动态的、引人注目的图像展示效果。这种技术结合了JavaScript和Flash两种编程语言,以实现丰富的交互性和视觉...

    android 广告效果图片动态显示

    为了吸引用户注意力并提高广告的点击率,开发者经常采用动态显示广告的方式,尤其是通过图片自动左右滑动来实现这种效果。这种技术涉及多个Android SDK中的关键组件和概念,包括ImageView、PagerAdapter、ViewPager...

    美女图片闪烁页面显示

    "美女图片闪烁页面显示"这个主题就是关于如何利用JavaScript脚本来实现一种图片的动态展示效果,即让图片在页面上产生闪烁的效果。JavaScript是一种轻量级的编程语言,广泛应用于网页交互和动态效果的实现。 首先,...

    一个简单的全屏图片上下打开显示网页效果

    为了使图片全屏显示,我们可以将图片设置为页面背景,并利用CSS3的`background-size`属性设定为`cover`,这样图片会自动调整大小以填满容器,同时保持纵横比不变。 接着,上下打开的效果可以通过jQuery来实现。...

    jquery显示隐藏图片效果

    总之,jQuery使得在HTML页面中控制图片显示和隐藏变得简单易行,只需几行代码就能实现丰富的交互效果。结合HTML、CSS和JavaScript,你可以创造出各种动态的网页元素,增强用户与网站的互动性。这个简单的实例只是一...

Global site tag (gtag.js) - Google Analytics