<!DOCTYPE HTML>

<html>

<head>

<meta charset="UTF-8">

<script src='jquery-1.6.1.js'></script>

</head>

<style>

.border-img{border:8px solid #ccc;}

</style>

<body>

   <div class='div-img'>

         <img class='border-img' style='width:100px;height:60px;' src='1.jpg'/>

	     <img style='width:100px;height:60px;' src='2.jpg'/>

	     <img style='width:100px;height:60px;' src='3.jpg'/>

		 <img style='width:100px;height:60px;' src='4.jpg'/>

   </div>

   <div id="click">

      <input id='prev' type='button' value="prev"/>

	  <input id='next' type='button' value="next"/>

   </div>

   <script>

    //版本号一

	  var imgLength=$(".div-img img").length;

      var point=0;

      $("#prev").click(function(){

	    if(point<=0)

		{

		  return false;

		}	

		point--;

		$(".div-img img").removeClass('border-img');

		$(".div-img img").eq(point).addClass('border-img'); 

	  });

	  $("#next").click(function(){

		if(point>=imgLength-1)

		{

		  return false;

		}

		point++;

		$(".div-img img").removeClass('border-img');

		$(".div-img img").eq(point).addClass('border-img');

	  });

	  //版本号二 循环

	  /*

	  var imgLength=$(".div-img img").length;

      var point=0;

      $("#prev").click(function(){

	    if(point<=0)

		{

		  point=imgLength-1

		}

		else{

		point--;

		}

		$(".div-img img").removeClass('border-img');

		$(".div-img img").eq(point).addClass('border-img'); 

	  });

	  $("#next").click(function(){

		if(point>=imgLength-1)

		{

		  point=0;

		}

		else

		{

		   point++;

		}

		$(".div-img img").removeClass('border-img');

		$(".div-img img").eq(point).addClass('border-img');

	  });

	  */

   </script>

</body>

</html>

写了两个版本号，一个是来回循环的，另外一个不是来回循环的，使用前请先引用jquery文件，和使用正确的图片地址

jquery相冊图片来回选择的更多相关文章

  1. Android之本地相冊图片选取和拍照以及图片剪辑

    转载请注明出处:http://blog.csdn.net/loveyaozu/article/details/51160482 相信有非常多Android开发者在日常开发中,因为项目需求,须要我们的A ...

  2. Android调用相机实现拍照并裁剪图片，调用手机中的相冊图片并裁剪图片

    在 Android应用中,非常多时候我们须要实现上传图片,或者直接调用手机上的拍照功能拍照处理然后直接显示并上传功能,以下将讲述调用相机拍照处理图片然后显示和调用手机相冊中的图片处理然后显示的功能,要 ...

  3. Android实现批量照片上传至server，拍照或者从相冊选择

    近期因为项目需求,须要完毕批量照片上传,折腾了一段时间,最终完毕了,达到了例如以下效果 主界面主要有GridView组成和button组成,当按下一个格点时,会调用相机或者相冊,拍照或者选择相冊照片, ...

  4. android开发——从相冊中选择图片不裁剪

    转载请注明出处:http://blog.csdn.net/zhoubin1992/article/details/46864777 问题: 在郭神的第一行代码中,第8章的从相冊中选择图片这块,从相冊选 ...

  5. Android上传图片之调用系统拍照和从相冊选择图片

    Android上传图片之调用系统拍照和从相冊选择图片 本篇文章已授权微信公众号 guolin_blog (郭霖)独家公布 前言: 万丈高楼平底起,万事起于微末.不知不觉距离上篇博文已近四个月,2015 ...

  6. Qt 打开安卓相冊选择图片并获取图片的本地路径

    Qt 打开安卓相冊选择图片并获取图片的本地路径 过程例如以下: 通过 Intent 打开安卓的系统相冊. 推荐使用 QAndroidJniObject::getStaticObjectField 获取 ...

  7. 最蛋疼的bug：读取图片缩略图（一定要在相冊查看下形成缓存）

    近期的一个连接服务端的应用.须要读取图片,一般供用户公布商品选择上传图片.初始的图片列表应该是缩略图.仅仅有确定了,才上传原图,OK不多说上代码 package edu.buaa.erhuo; imp ...

  8. iOS图片加水印效果的实现并保存至相冊

    图片加水印效果的实现并保存至相冊 实现效果如图: project下载:githubproject下载链接 代码: - (void)viewDidLoad { [super viewDidLoad]; ...

  9. android高仿微信拍照、多选、预览、删除(去除相片)相冊功能

    先声明授人与鱼不如授人与渔,仅仅能提供一个思路,当然须要源代码的同学能够私下有偿问我要源代码:QQ:508181017 工作了将近三年时间了,一直没正儿八经的研究系统自带的相冊和拍照,这回来个高仿微信 ...

随机推荐

  1. col-md-push-*和col-md-offset的区别

    实现方式的区别:col-md-offset-*,是利用margin-left实现的,col-md-push-*/col-md-pull-*是利用相对定位实现的. 效果的区别,col-md-offset ...

  2. Start state is missing. Add at least one state to the flow

    springmvc配置过程中,会配置数据库文件,比如说如下文件:这个时候可能会出现“Start state is missing. Add at least one state to the flow ...

  3. 通过TCP实现文件传输

    import java.io.File;import java.io.FileInputStream;import java.io.FileOutputStream;import java.io.In ...

  4. CMake 使用笔记

    记录 CMake 相关知识. Prelude:读文档一定要有耐心! 问题一 CLion: CMakeLists.txt 中 set(CMAKE_CXX_FLAGS -Wall) 不起作用 Soluti ...

  5. [luoguP3205] [HNOI2010]CHORUS 合唱队（区间DP）

    传送门 注意到只能在两边加人,有一种区间dp的感觉. f[i][j][0/1]表示已经搞完区间[i,j]且上次搞的是左/右的方案数 那么他只能从f[i+1][j]或f[i][j-1]的某种状态得到,随 ...

  6. hdu5834 Magic boy Bi Luo with his excited tree 【树形dp】

    题目链接 hdu5834 题解 思路很粗犷,实现很难受 设\(f[i][0|1]\)表示向子树走回来或不回来的最大收益 设\(g[i][0|1]\)表示向父亲走走回来或不回来的最大收益 再设\(h[i ...

  7. Posix线程编程指南

    Posix线程编程指南 Posix线程编程指南... 1 一线程创建与取消... 2 线程创建... 2 1．线程与进程... 2 2. 创建线程... 2 3. 线程创建属性... 2 4. 创建的 ...

  8. bzoj1086【SCOI2005】王室联邦

    题意:http://www.lydsy.com/JudgeOnline/problem.php?id=1086 sol  :这题水水啊,直接大力DFS就行了 首先当且仅当x<B时无解 对于以x为 ...

  9. vue单文件组件互相通讯

    在vue中,我们可以把一个页面各个部分单独封装起来,做成各种小组件,然后加载,这样的好处是代码维护起来比较容易,重复的代码多处调用! 在一个vue项目中,单文件组件以.vue形式文件命名 每个组件之间 ...

  10. 使用C#的BitmapData

    原文发布时间为:2009-01-16 -- 来源于本人的百度文章 [由搬家工具导入] 我在前两篇图片处理的文章里几乎都用BitmapData来做图片处理的，那么这个东东究竟是个什么玩意儿呢？ C#好是 ...