javascript 控制图片播放代码

无标题文档

.photo {width:896px;height:280px;border-top:0;border-right:2px solid #9f9fa1;border-bottom:1px solid #9f9fa1;border-left:2px solid #9f9fa1;font-size:12px}
.photo .left {width:310px;height:222px;margin:0 5px}
.photo .left img {width:310px;height:250px}
.photo ul li {float:left;list-style-type:none;width:140px;height:135px}
.photo ul li img {width:130px;height:115px;border:1px solid #999}
.photo ul li div {line-height:19px;height:19px;overflow:hidden}
#fc {filter:progid:DXImageTransform.Microsoft.Fade (duration=0.5,overlap=1.0)}
#con,#num {height:20px;line-height:20px;overflow:hidden}
#con {float:left;width:200px;text-align:center}
#num {float:right;width:110px}
#num span {cursor:pointer;width:15px;height:15px;display:block;float:left;margin:0 1px;line-height:16px;overflow:hidden;margin-top:2px;text-align:center;}
.bigon{background:url("numon.gif");color:#fff} /*长为15px 宽为15px*/
.bigoff{background:url("numoff.gif");color:#000}

昆山论坛"新世军"军团掠影

2009年昆山第三届徒步大会昆坛会员合影

昆坛会员相聚阳澄湖畔野炊活动

昆坛大合唱"相亲相爱一家人"家人风采

"我是女生"昆山论坛网友秀

昆山首届万圣节系列图片大放送

1
2
3
4
5
6

var n=0;
var showNum = document.getElementById("num");
var showNums = document.getElementById("num").getElementsByTagName("span");
function Mea(value){
n=value;
setBg(value);
plays(value);
cons(value);
}
function setBg(value){
for(var i=0;ishowNums.length-1)n=0;
Mea(n);
}
function sub(){
n--;
if(n

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章:

  • TFDN图片播放器 不错自动播放
  • js 新浪的一个图片播放图片轮换效果代码
  • 比较炫的图片播放器 js 焦点效果代码
  • jquery图片播放浏览插件prettyPhoto使用详解
  • javascript控制图片播放的实现代码

Tags:js 图片播放

相关文章

  • 2009-05-05javascript 两个字符串比较函数
  • 2015-02-02浅谈javascript中this在事件中的应用
  • 2006-08-08实用javaScript技术-屏蔽类
  • 2013-07-07HTML长文本截取含有HTML代码同样适用的两种方法
  • 2016-11-11Kendo Grid editing 自定义验证报错提示的解决方法
  • 2010-05-05javascript 就地编辑实现代码
  • 2016-03-03JavaScript常用函数工具集:lao-utils
  • 2017-06-06bootstrap daterangepicker双日历时间段选择控件详解
  • 2016-01-01js密码强度检测
  • 2016-10-10微信js-sdk界面操作接口用法示例

最新评论

(0)

相关推荐

  • 比较炫的图片播放器 js 焦点效果代码

    图片播放器_图片轮换_焦点效果 #focus_m{position:relative; width:420px; height:384px; background:#133775} .f_img_roll{width:350px; height:300px; position:relative;} .f_img_roll img{position:absolute; left:0; top:0; width:350px; height:300px;} .f_img_tree{position:a

  • TFDN图片播放器 不错自动播放

    复制代码 代码如下: <html> <head> <title>52515.net上传程序</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css">     <!--     body,td,th {     font-size

  • js 新浪的一个图片播放图片轮换效果代码

    核心代码 复制代码 代码如下: function slide(src,link,text,target,attr,desc) {   this.desc = desc   this.src = src;   this.link = link;   this.text = text;   this.target = target;   this.attr = attr;   if (document.images) {     this.image = new Image();   }   thi

  • javascript控制图片播放的实现代码

    一般实现用鼠标控制图片的滚动效果都比较麻烦,大段大段的代码让新手头疼无从下手,下面我来写个简单的javascript控制图片滚动的效果.代码简洁明了,兼容ie.firefox和google浏览器. 分享代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  • jquery图片播放浏览插件prettyPhoto使用详解

    一.prettyPhoto简介 prettyPhoto是一款基于jquery的轻量级的lightbox图片播放浏览插件,它不仅支持图片,还同时支持视频.flash.YouTube.iframe和ajax.而且prettyPhoto配置和使用都十分简单,扩展性也不错,你可以最大限度地自定义prettyPhoto.目前,prettyPhoto兼容大部分主流的浏览器,包括令人纠结的IE6. prettyPhoto插件的项目地址:http://www.no-margin-for-errors.com/p

  • javascript 控制图片播放代码

    无标题文档 .photo {width:896px;height:280px;border-top:0;border-right:2px solid #9f9fa1;border-bottom:1px solid #9f9fa1;border-left:2px solid #9f9fa1;font-size:12px} .photo .left {width:310px;height:222px;margin:0 5px} .photo .left img {width:310px;height

  • JavaScript控制图片360度旋转代码

    JavaScript控制图片360度旋转代码 var isIE = (document.uniqueID)?1:0; var i=1; function rotate(image) { var object = image.parentNode; if(isIE){ image.style.filter="progid:dXImagetransform.Microsoft.basicImage(rotation="+i+")"; i++; if(i>4) {i

  • JavaScript控制图片加载完成后调用回调函数的方法

    本文实例讲述了JavaScript控制图片加载完成后调用回调函数的方法.分享给大家供大家参考.具体分析如下: 这段代码可以控制指定区域内的图片加载完成后执行指定的回调函数. 复制代码 代码如下: function when_images_loaded($img_container, callback) { /* do callback when images in $img_container (jQuery object) are loaded. Only works when ALL ima

  • JavaScript 读取图片实例代码

    Untitled Page JavaScript读取图片测试例子 '); var a = 0; var b = 1; Loading(a,b); } //显示加载失败信息 function Gif_Err() { alert("载入失败!") } //显示加载成功信息 function Gif_End() { alert("载入完成!") } //加载图片,并显示 function Loading(a,b) { //当数组元素为空时,切换数组的一维 if (!Gif

  • JavaScript 控制图片改变重叠顺序的代码(鼠标移动切换)

    改变图片重叠顺序 .s1{position:absolute; top:10;left:10; } .s2{position:absolute; top:50;left:50; } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • JQuery悬停控制图片轮播——代码简单

    jquery实现的鼠标悬停图片自动轮播效果,当把鼠标悬停到图片时,图像就会不断循环播放,速度非常快,效果非常逼真,就和在放武侠片一样,使用了jquery实现,下面小编给大家分析jq悬停控制图片轮播,请看小面的效果图. 在线预览          源码下载 具体实现的代码如下: <!-- 轮播广告 --> <div id="banner_tabs" class="flexslider"> <ul class="slides&qu

  • 网页里控制图片大小的相关代码

    1.用鼠标拖动来改变大小 <SCRIPT LANGUAGE="JavaScript">function resizeImage(evt,obj){newX=evt.xnewY=evt.yobj.width=newXobj.height=newY}</script><img src="7say.gif" ondrag="resizeImage(event,this)">2.用鼠标滚动控制图片大小 <img

  • javascript实现图片循环渐显播放的方法

    本文实例讲述了javascript实现图片循环渐显播放的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <title>图片的循环渐显播放效果代码</title> <head> <!--1.将下面的代码插入到HEML的<head></head>之间: --> <script language=javaScript> <!--// sandra0 = new Image()

  • JavaScript实现图片轮播组件代码示例

    本文介绍了JavaScript实现图片轮播组件,废话不多说了直接看下面: 效果: 自动循环播放图片,下方有按钮可以切换到对应图片. 添加一个动画来实现图片切换. 鼠标停在图片上时,轮播停止,出现左右两个箭头,点击可以切换图片. 鼠标移开图片区域时,从当前位置继续轮播. 提供一个接口,可以设置轮播方向,是否循环,间隔时间. 对HTML.CSS的要求: <div class="carousel-box"> <div class="carousel"&g

随机推荐