js-jquery制作图片选择问题

问题描述

jquery制作图片选择问题: 制作类似小米云盘的照片库的功能，点击固定地方可以选择图片，同时当选中一张图片的时候，其他图片也处于选择状态。并且增加块级选择，类似每一层有一个按钮，点击后，它下方的图片都被选中。
求大神指导！！谢谢！

解决方案

使用jQuery Jcrop插件
http://www.jb51.net/article/28964.htm

解决方案二：

使用jQuery Jcrop插件

解决方案三：

使用jQuery Jcrop插件

时间： 2025-01-20 10:06:03

js-jquery制作图片选择问题的相关文章

jquery制作图片时钟特效_jquery

一.生成数字时钟 <script src="http://code.jquery.com/jquery-latest.js"></script> <script> window.onload=function(){ var oBody=document.body; var oP=document.getElementById("time"); setInterval(fnTime,1000); fnTime(); function

js+jquery实现图片裁剪功能_jquery

现在我们在使用各大网站的个人中心时,都有个上传个人头像的功能.用户在上传了个人照片之后,可能不符合网站的要求,于是要求用户对照片进行裁剪,最终根据用户裁剪的尺寸生成头像.这个功能真是太棒了,原来不懂js的时候,感觉很神奇,太神奇了.心想哪天要是自己也能搞明白这里面的技术,那该多牛呀~大家是不是也有何我一样的想法呀~哈哈~~ 下面我们就来用javascript来实现这个功能吧. 复制代码代码如下: <!DOCTYPE html> <html xmlns="http://www.

基于Jquery制作图片文字排版预览效果附源码下载_jquery

基于jQuery图文排版图片预览特效.这是一款基于jQuery+CSS3实现的鼠标点击图片弹出画廊切换特效. 效果图如下所示,怎么样感兴趣吗,感兴趣的朋友继续往下学习哦. 效果演示源码下载 html代码: <div id="fullscreen"> <div id="fullscreen-inner"> <div id="fullscreen-inner-left" class="fullscre

Node JS 快速制作图片缩略图

先安装图片处理的二进制包,名曰 GraphicsMagick,开源的.http://www.graphicsmagick.org/INSTALL-windows.html 然后安装 GM 依赖包:npm install gm 最后执行下面脚本即可. var gm = require('gm'), fs = require('fs'); var PATH = require('path'); // gm("tc.jpg").thumb(100, null, "tc_thumb.

jQuery列表框插件imageselect.js jquery select美化用图片进行选择

select默认的太难看了,在这用jquery 插件imageselect.js进行美化,就图片进行下拉菜单的选择列表框插件imageselect.js jquery select美化用图片进行选择-jquery select 美化"> 这个网页特效代码如下: <!DOCTYPE html> <head> <title>支持图片选择的jQuery列表框插件imageselect.js</title> <meta http-equ

jquery制作select列表双向选择示例代码_jquery

jquery制作的select列表双向选择,兼容性肯定是不错的,需要的朋友可以学习下 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"&

JS实例教程:制作图片放大特效

效果: 运行代码框<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="

利用JS简单制作的图片的切换

做网页时需要利用JS进行特效展示图片,下面是利用JS简单制作的图片的切换,需要的朋友可以了解下在网页制作的时候,需要利用JS进行特效展示图片,下面是利用JS简单制作的图片的切换. 代码如下: <html> <head> <script type="JavaScript"> var srr = new Array('图片一', '图片二', '图片三', '图片四');//利用JS中内置的数组,进行数据的存储 var s = 0

原生js和jquery实现图片轮播淡入淡出效果

原生js和jquery实现图片轮播淡入淡出效果本文给大家分享的是使用原生的js和jQuery2种方法,分别实现图片轮播的淡入淡出效果的代码,非常实用,也方便小伙伴们对比分析,希望对大家学习js和jq能够有所帮助. 图片轮播有很多种方式,这里采用其中的淡入淡出形式 js原生和jQuery都可以实现,jquery因为封装了很多用法,所以用起来就简单许多,转换成js使用,其实也就是用js原生模拟出这些用法. 但不管怎样,构造一个最基本的表现层是必须的简单的图片轮播一般由几个