点击图片不同区域传值

android实现点击背景图片不同区域实现不同事件

有时候我们拿到一张背景图片,客户要求点击图片的不同区域去跳转或者实现不同的操作事件.我们首先要确认图片的点击区域,往往我们会在布局文件那里下手,但是这样不好做适配,所以我实现了以下方法,基本功能可以实现,而且也做好了适配,可以参考一下. 1.找到对应区域的像素点.图片中需要点击的区域是圆,所以只要找到圆心和测量出半径即可(介绍一款图片软件Mark Man),由于得到的是PX,所以要转换为dip(dp=px/2); arrays.xml  <string-arra

前端jquery实现点击图片弹出大图层(且滚动鼠标滑轮图片缩放)

<img src="{$vo.photo}" height="50px" onclick="showdiv({$i});"> <div id="bg"></div> <div id="show{$i}" class="show" style="display:none;"> <img src="{$vo.

ios-点击图片放大,背景变半透明

在view中点击一个图片,图片放大,背景变半透明,图片不会变透明的效果图如下思路:图片框是一个按钮,监听点击事件. 当点击图片后:改变图片的frame,使图片放大,并且在controller.view中添加一个半透明的view.并给view添加点击事件. 把头像放到半透明view的上面. 再次点击头像或者半透明区域时,将图片缩放会以前大小.将半透明view 从父容器移除即可. 易错示例: 错误:头像与背景都是半透明效果因为:错将头像图片放到了半透明的view上,头像图片会跟着半透明的view变

实现类似于QQ空间相册的点击图片放大，再点后缩小回原来位置

前几天看到了有人在android5.0上实现了如下图一样的效果,我自己就去搜了下.参考了国外一篇文章和国内的一篇文章,最终实现了想要的效果.具体参考的网址我已经贴到文章末尾,大家可以去英文的那个网站看看,讲解的很傻瓜化. 好,下面我们来看看如何实现如上面右图一样的效果. 1.原理分析 (1)我们是否需要在点击后开启一个新的Activity呢?我参考了很多有类似功能的相册应用,发现大家都是在一个Activity中就完成了这个功能.所以我们仅仅需要一个布局文件. (2)在同一个布局文件中我们可

jQuery 实现改变图片指定区域的颜色

javascript本身无法改变图片的颜色,不过我们可以通过一些技巧来实现一样的效果. 1.首先我们要知道图片哪些区域需要改变颜色,这里我们可以用执点地图的方法来弄例1: <img src="001-1.jpg" class="map" usemap="#simple"> <map name="simple"><area href="#" shape="poly&q

Android 实现类似于QQ空间相册的点击图片放大，再点后缩小回原来位置

前几天看到了有人在android5.0上实现了如下图一样的效果,我自己就去搜了下.参考了国外一篇文章和国内的一篇文章,最终实现了想要的效果.具体参考的网址我已经贴到文章末尾,大家可以去英文的那个网站看看,讲解的很傻瓜化. 好,下面我们来看看如何实现如上面右图一样的效果. 1.原理分析 (1)我们是否需要在点击后开启一个新的Activity呢?我参考了很多有类似功能的相册应用,发现大家都是在一个Activity中就完成了这个功能.所以我们仅仅需要一个布局文件. (2)在同一个布局文件中我们可

jQuery点击图片放大显示原图效果

HTML部分:<div id="append_parent"></div> JS代码部分: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 //内容页图片点击放大效果 var imgBoxMod=$(".ctnlist .text i

使用Qt5+CMake实现图片的区域选择（附源码）

近期研发涉及到了图片的区域选择,找来一些资料一直不能很满意,所以自己实现了一个. 实现步骤如下.源码可以点击ImageAOI获取. 如下资料来自源码的README. ImageAOI (XLabel): AOI Selection Based on Qt5 Dependency Qt >= 5.0 Usage Double click to trigger the selector Mouse scrolling t zoom in/out Reference (Appreciation) Im

网页mp3语音展示，点击图片放大，点击图片跳转链接，调表格

查看mp3语音 <td class="value"><embed src="${sounds.soundName}" type="audio/mp3" height="50" width="200" autostart="false" loop="false"></embed></td> 点击图片放大 <%@ pa

img只显示图片一部分或 css设置背景图片只显示图片指定区域

17:14 2016/3/22img只显示图片一部分或 css设置背景图片只显示图片指定区域 background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域,图片左上角为0,0或0%,0%,右下角为高度和宽度,或100%,100%. clip:rect(300px 100px 300px 0px); 设置显示图片的某个区域,分别是上右下左的顺序设置部分代码:<style type="text/css">img {position:abs

Jquery 点击图片在弹出层显示大图

http://blog.csdn.net/wongwaidah/article/details/28432427(案例链接出处,本人只是转载收藏) <html> <head> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"type="text/javascript"></scri

关于kindeditor中点击图片后，滚动条往上顶的bug

比如现在我插入两张图片, 无论我点击哪张图片,里边的滚动条都会往上顶. 本来以为往上会有解决方法,一查结果没有:然后想着去官网查查,然而什么都没有,想到官网提交这个bug,结果没地方提交. 怎么解决,如果单是解决这个bug,去研究源码,我觉的是吃力不讨好的. 然后我就直接从 click.mousedown 这两个事件找起,找它们获得高度的地方,然后感觉是的话就console.log下,看是不是.然后就找到了. 在这个函数里 pos : function() { var self = this,

JavaScript 点击图片放大功能

<!doctype html> <html> <head> <meta charset="utf-8" /> <title>点击图片放大</title> <style type="text/css"> a img{border:0px;} .latentzoom { CURSOR: pointer; outline: none } .latentzoom-image { BORDER

一款点击图片进行无限循环的jquery手风琴特效

一款点击图片进行无限循环的jquery手风琴特效,点击手风琴折合点,可以无限循环的点击下去,很炫酷的手风琴哟! 还有每张图片的文字介绍,因为兼容IE6所以找来分享给大家这个jquery特效. 适用浏览器:IE6.IE7.IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗. 效果图如下: 欢迎大家多多捧小弟的场子! 特效下载地址:http://www.jqshare.com/Jq/fondone/id/147.html jquery分享

javascript点击图片放大的功能（原生）

使用的图片: 1.jpg <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> * {margin:;padding:;} #imglist {list-style:none; width:500px; margin:50px auto;} #img

jquery点击图片选中特效

jquery点击图片选中特效点击在线预览效果

js+jquery+html实现在三种不通的情况下，点击图片放大的效果

js+jquery+html实现在三种不通的情况下,点击图片放大的效果. 三种情况分别是:图片的父元素宽高固定; 图片的宽高固定; 图片的父元素宽固定,高度不固定第一种情况:图片的父元素宽高固定: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style>

一天JavaScript示例-点击图片显示大图片添加鼠标

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-点击图片显示大图加入鼠标操作</title> <style> img{padding:5px;width:100px;height:aut

巧用weui.gallery()，点击图片后预览图片

要在页面需要加载的JS文件: <script src="../js/libs/weui.min.js"></script> 可以去weui的文档中下载,这是它的demo: https://weui.io/weui.js/ 要先给图片创建一个节点: var imgDom = $("<img class='weui-jiaj-img' />"); 因为接口中取到的图片会是很多,因此,在循环图片数据的时候,要给每个图片添加一个动态的

iOS开发——点击图片全屏显示

点击图片,全屏显示,然后再点击屏幕一下,返回. 没啥难的,直接上代码: // // ViewController.m // Demo-hehe // // Created by yyt on 16/4/25. // Copyright © 2016年 yyt. All rights reserved. // #import "ViewController.h" @interface ViewController () @end @implementation ViewContr

点击图片不同区域传值

热门专题