`
davinci_2012
  • 浏览: 13628 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

JavaScript 图片轮播

阅读更多
  一个用 JavaScript 实现的图片轮播效果,兼容各种浏览器(IE、Firefox、Chrome),体积小,不压缩也只有 10kb,调用方便,比一般的 flash 轮播效果更省资源,更快的加载速度。

  示例:
  页面中已经存在名为imgPlayer(或者别的ID也行)的节点。
PImgPlayer.addItem( "test", "http://www.test.com", "http://www.test.com/images/wy.jpg");   
PImgPlayer.addItem( "test2", "http://www.test.com", "http://www.test.com/images/wy.jpg");   
PImgPlayer.addItem( "test3", "http://www.test.com", "http://www.test.com/images/wy.jpg");   
PImgPlayer.init( "imgPlayer", 200, 230 ); 


转载地址:http://www.xuekaifa.com/article/20101225/000385.html
  • 大小: 75.5 KB
分享到:
评论
2 楼 davinci_2012 2010-12-29  
1000行都过于多了。。
1 楼 EldonReturn 2010-12-29  
广告么? 话说不压10KB也不小了,大致上在1000行左右了。

相关推荐

    好用的Javascript图片轮播

    JavaScript图片轮播是一种常见的网页动态效果,用于展示一组图片并以循环或定时切换的方式呈现,为网站增添互动性和视觉吸引力。在"好用的Javascript图片轮播"中,我们可以从标题和描述中提取出以下几个关键知识点:...

    JavaScript图片切换效果.rar

    JavaScript图片切换效果是一种常见的网页动态展示技术,常用于制作轮播图、相册或产品展示等。这种效果可以通过JavaScript库,如jQuery,或者原生JavaScript实现。本资源"JavaScript图片切换效果.rar"提供了一个实例...

    JavaScript图片切换展示效果.rar

    这个“JavaScript图片切换展示效果.rar”压缩包文件包含了一个使用纯JavaScript实现的图片自动切换功能,旨在帮助开发者了解如何在不依赖外部库如jQuery或Bootstrap的情况下创建这种效果。 首先,我们需要理解...

    JavaScript图片轮播代码

    JavaScript图片轮播是一种常见的网页动态效果,用于展示一组图片并以循环或定时切换的方式呈现,为网站增添互动性和视觉吸引力。在本项目中,我们利用JavaScript配合SWF(ShockWave Flash)技术实现了一个灵活的图片...

    JavaScript图片轮播代码示例

    JavaScript图片轮播是一种常见的网页动态效果,用于展示一组图片并以自动或手动的方式进行切换,为用户带来良好的视觉体验。本示例通过原生JavaScript实现,避免了对jQuery等库的依赖,使得代码更加轻量化,更易于...

    纯JavaScript图片轮播

    四张图片轮播,点击下一页可以跳转到下一页,指定页可跳转

    JavaScript图片轮播插件

    JavaScript图片轮播插件是一种常见的网页交互元素,用于在网页上展示一组图片并自动或手动进行切换,以达到动态展示效果。在这个项目中,我们有一个使用原生JavaScript编写的图片轮播插件,它适用于学习目的,且允许...

    javascript图片切换,可设置切换方式

    JavaScript图片切换是一种常见的网页动态效果,它允许用户在多个图像之间进行平滑过渡,从而提升用户体验,尤其是在展示产品图片或创建幻灯片展示时。在这个主题中,我们将深入探讨JavaScript如何实现图片切换,并...

    JavaScript图片轮播代码.zip

    JavaScript图片轮播是一种常见的网页动态效果,用于展示一组图片并以自动或手动方式在页面上循环播放。在本示例中,"JavaScript图片轮播代码.zip" 包含了一个轻量级的解决方案,专为实现这种功能而设计。以下是这个...

    FLASH图片切换、javascript图片切换

    "FLASH图片切换"和"javascript图片切换"是两种常用的技术手段,各有其特点和适用场景。 首先,我们来谈谈“FLASH图片切换”。Flash是一种由Adobe公司开发的多媒体创作平台,它曾广泛用于创建动画、交互式内容和网页...

    最简单的JavaScript图片轮播代码(两种方法)

    首先,JavaScript图片轮播的目的是在网页中创建一种自动或手动的图片切换效果,以展示一系列的图片,增加页面的交互性和视觉吸引力。接下来,将从以下几个方面详细说明知识点: 1. JavaScript图片轮播的作用和意义...

    javascript 图片切换,自动切换。

    总结,JavaScript图片切换功能的关键在于利用DOM操作改变图片的显示状态,通过事件监听响应用户操作,结合定时器实现自动切换。这个功能对于网站来说非常实用,可以提高用户的浏览体验。在实际项目中,还可以结合CSS...

    javascript图片切换

    1.图片切换效果有以下几种:随机切换 4格纵向百叶窗 16格横向百叶窗 由里至外逐渐放大 中间向左右两边逐渐放大 中间向上下两边逐渐放大 由上至下落幕 由左至右 由左上至右下 由右下至左上 8格纵向百叶窗 8格纵向百叶...

    使用JavaScript图片轮播

    JavaScript图片轮播是一种常见的网页动态效果,用于展示一组图片并以自动或手动的方式进行切换,为用户带来良好的视觉体验。这种技术广泛应用于网站的首页、产品展示或相册等场景。在JavaScript中实现图片轮播,主要...

    javascript图片轮播特效

    JavaScript图片轮播特效是一种常见的网页动态效果,用于展示多张图片并自动切换,为用户提供流畅的视觉体验。在本项目中,我们使用了JavaScript库jQuery 1.7版本来实现这一功能,它简化了DOM操作,使代码更加简洁...

    javascript 图片轮播代码案例

    在JavaScript的世界里,图片轮播是一种常见的网页动态效果,它能为网站增添视觉吸引力,尤其在展示产品或图像集合时非常实用。这个“javascript 图片轮播代码案例”提供了实现这一功能的一种方法,旨在帮助开发者...

    JavaScript 图片轮播效果 v1.0.zip

    JavaScript图片轮播效果是网页设计中常见的功能,用于展示一组图片或内容,通过自动或手动切换来呈现动态视觉效果。这种效果通常应用于产品展示、广告宣传或者网站背景等位置,可以提升用户体验,使页面更具吸引力。...

    JavaScript图片轮播代码.rar

    JavaScript图片轮播是一种常见的网页动态效果,用于展示一组图片并自动循环播放,为网站增加视觉吸引力。本资源“JavaScript图片轮播代码.rar”提供了一种轻量级且跨浏览器的解决方案,尤其适合对性能和加载速度有较...

    JavaScript图片切换滑动效果

    JavaScript图片切换滑动效果是一种常见的网页动态展示技术,它通过编程方式实现图片的平滑过渡,为用户带来更丰富的视觉体验。在网页设计中,这种效果通常用于相册、产品展示或者广告轮播等场景。以下将详细讲解实现...

Global site tag (gtag.js) - Google Analytics