`

jQuery 焦点图,图片文件在js文件中

 
阅读更多

jQuery 焦点图,图片文件在js文件中

 
jQuery 焦点图,图片文件在js文件中

 

 

XML/HTML Code
  1. <div id="photo_container"></div>  

 

JavaScript Code
  1. <script>  
  2.         var carousel_images = [  
  3.             "images/1.jpg",  
  4.             "images/2.jpg",  
  5.             "images/3.jpg"// Example of a local image  
  6.         ];  
  7.           
  8.         // Example without autoplay  
  9.         $(window).load(function() {  
  10.             $("#photo_container").isc({  
  11.                 imgArray: carousel_images  
  12.             });   
  13.         });  
  14.           
  15.     </script>  

 


原文地址:http://www.freejs.net/article_jiaodiantu_154.html

1
0
分享到:
评论

相关推荐

    上古世纪官网jquery焦点图代码

    上古世纪官网jquery焦点图代码,兼容 IE 789 及其它主流浏览器 ,因 IE 6 不支持CSS透明属性(opacity)故在IE 6下无图片淡入淡出效果

    电影网站jQuery焦点图代码

    阿飞影视网jQuery焦点图代码,图片大小960x380,兼容主流浏览器! 使用方法: 1、依次引入style.css、jQuery脚本库及bigpicroll.js文件; 2、复制代码到页面中即可。 3、调用对应的参数即可。

    FengFocus jQuery焦点图插件

    2、表现形式完全css化,有很多焦点图插件将表现形式写在了js中,优点是只要一个文件,而不用管css。缺点就是,修改样式异常困难,为我不喜。 3、切换效果简单,只采用了 jQuery 自带的 slideDown 和 fadeIn 这两个...

    带缩略图的jquery焦点图特效代码.zip

    这是一款带缩略图的jquery焦点图特效代码。该焦点图通过鼠标滑过缩略图来进行前后导航,效果简朴,兼容IE8,非常实用。 使用方法 在页面中引入jquery和jquery.slides.js文件,以及样式文件style.css。

    jQuery四屏可自动播放焦点图代码

    jQuery四屏可自动播放焦点图代码,有左右翻页按钮和圆点导航,兼容主流浏览器! 使用方法: 1、在head区域引入样式表文件lrtk.css 2、在head区域引入JS文件jquery-1.8.3.min.js和koala.min.1.5.js 3、在网页中加入...

    带缩略图和多种过渡动画的jquery焦点图特效.zip

    这是一款基于jssor.slider.js的炫酷jquery焦点图特效。该焦点图特效在底部带有缩略图,并且它在切换过渡是带有多种动画效果。该焦点图特效兼容ie8浏览器。 使用方法 在页面中引入样式文件jquery.min.js和jssor....

    100%自适应左右切换jQuery焦点图代码

    1、依次引入foucs.css、jQuery脚本库及jquery.foucs.js文件; 2、将代码复制到页面中即可。 3、可对效果进行三项设置: direction:图片自动滚动时的方向,默认为'left',即向左滚动,可设为'right'使其向右滚动。例...

    焦点图代码 jQuery

    jQuery焦点图,代码链接js、css、文件,复制开始部分代码到结束部分代码即可。

    jquery平面响应式全屏支持进度条样式焦点图

    来自百度的一款全屏焦点图切换效果,平面效果较好 使用方法: 1、调用jquery库、lanrenzhijia.css文件、js代码在head之中 2、将html代码拷贝到你需要的地方即可 注意路径别出现错误,本例中图片较多

    简洁的五屏淡入淡出jQuery焦点图代码

    简洁的五屏淡入淡出jQuery焦点图代码,兼容 IE 6/7/8/9 及其它主流浏览器 使用方法: 1、依次引入 banner.css、jQuery脚本库 以及 banner.js文件; 2、复制代码到页面中即可。

    汽车之家jQuery卡片式焦点图

    汽车之家jQuery卡片式焦点图 使用方法: 1。依次引入 goodnav.css 、jQuery 脚本库以及 jquery.litenav.js 文件; 2。复制代码到页面中即可。

    多款焦点图切换jQuery代码

    今天推荐的这个又是一个原生的js焦点图效果 默认自动切换,也可以手动切换 javascript代码采用函数式对象编程,也就是javascript编程中的Module模式 基本用法很简单, 使用方法: 1、将文件中的css样式复制到你的...

    倾城网首页时尚立式jquery焦点图代码.rar

    倾城网首页时尚立式jquery焦点图代码,结构清晰,非常简单,带有数字控制按钮,点击可切换幻灯片图片,以淡入淡出渐变的方式转场切换图片,简要说明:  index.html 为 html文档  statics/css 内放置css文件  ...

    QQ相册jQuery渐变式焦点图

    因为写成了 jQuery 插件的形式,所以 jQuery 原本的链式写法依旧有效,例如在启用焦点图后继续对 #inner 这个元素进行设置: $('#inner').nav({ t : 1000 , a : 3000 }).css('background','black');

    jquery堆叠图片左右切换轮播图插件.zip

    这是一款jquery堆叠图片左右切换轮播图插件。该轮播图插件可以将图片左右对齐堆叠在一起,并可以通过前后导航按钮来左右切换图片。...使用方法 在页面中引入jquery、jQuery-easing.js和jQuery-jcImgScroll.js文件。

    jQuery大屏带导航的焦点图代码

    jQuery大屏带导航的焦点图,png格式大图动画切换,兼容 IE 6/7/8/9 及其它主流浏览器 使用方法: 1、依次引入 fashionfoucs.css 、jQuery 脚本库 及 jquery.plugin.min.js 文件; 2、复制代码到页面中即可。

    jQuery创意型图片碎片切换焦点图特效

    比较现代化的焦点图切换效果,原有文件比较复杂,且有很多多余的CSS、JS样式,经过懒人之家整理后变得清晰明了,无任何冗余代码

    jQuery 图片浏览放大插件 ZoomImage V1.0.rar

    编辑CSS文件并且 匹配你的图片路径,同时改变颜色匹配你网站的主题 重要:像例子中一样确定包含的JavaScript文件 具体顺序。 &lt;link rel="stylesheet" media="screen" type="text/css" href="css/zoomimage.css" /...

Global site tag (gtag.js) - Google Analytics