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

动态浏览图片

 
阅读更多

练习setTimeout()方法的使用;

setTimeout(code , delay):window对象,用于在指定的毫秒数(delay)后调用函数或计算表达式(code),起到一个定时的功能;

image对象主要是用来显示图片的,由标准HTML标签<img>创建;

用setTimeout()方法能够让图片动态的显示出来,本人写了一个简单的函数:

Code:
  1. vari=1;
  2. varj=0;
  3. functionpicLoad()
  4. {
  5. if(j==0)
  6. {
  7. if(i<9)
  8. {
  9. window.document.pic.src=i+".jpg";
  10. i++;
  11. if(i==9)j=1;
  12. }
  13. }
  14. if(j==1)
  15. {
  16. if(i>-1)
  17. {
  18. i--;
  19. window.document.pic.src=i+".jpg";
  20. if(i==0)j=0;
  21. }
  22. }
  23. setTimeout("picLoad()",1000);
  24. }

在body部分加上一个

Code:
  1. <imgname="pic"src="0.jpg"/>

标签,来循环显示指定的几张.jpg照片

分享到:
评论

相关推荐

    动态浏览图片(自动移动图片)

    平时课余时间做的一些的小东西,虽然不是很复杂但是可以拿来简单学习一下,希望可以帮到你们

    四套网页动态图片浏览Demo源码

    网页动态图片浏览Demo源码是前端开发者经常遇到的一种应用场景,主要目的是为了在网页上实现流畅、交互性强的图片展示功能。这些Demo源码通常由JavaScript编写,结合HTML和CSS技术,形成一套完整的解决方案。本资源...

    c#编写的动态翻看图片浏览程序

    本项目是一个基于C#编写的动态图片浏览程序,旨在提供一个用户友好的界面,让用户可以方便地查看和翻阅图片。这个程序的核心功能是实现图片的动态加载和流畅切换,以增强图片查看体验。 首先,我们要理解C#中的图像...

    jquery 图片预览浏览功能

    4. **带图片缩略图功能**:缩略图通常是一个较小版本的原图,用于快速浏览图片集。在jQuery中,可以创建一个包含所有图片缩略图的列表,用户点击缩略图时,对应的全尺寸图片将在主视图中显示。 5. **CSS样式**:...

    ASP图片浏览程序,图片浏器,图片浏览源码

    ASP图片浏览程序是一种基于Active Server Pages (ASP)技术的网页应用程序,用于在线展示和管理图片。ASP是微软开发的一种服务器端脚本环境,允许开发者在Web服务器上动态生成HTML页面。这种程序通常由一系列ASP文件...

    android 动态添加图片

    该项目提供了一个界面,用户可以浏览本地图片并选择多个。它包含以下几个关键组件: - `GridView`或`RecyclerView`:用来展示图片预览。 - `Bitmap`操作:用于缩略图生成和内存管理,防止内存溢出。 - `...

    一个简单的JS图片浏览功能

    标题中的“一个简单的JS图片浏览功能”指的是使用JavaScript实现的一种基本的图片查看器或图片轮播功能。在网页开发中,这种功能常用于创建在线相册、产品展示或其他需要动态展示图片的场景。JS(JavaScript)是一种...

    C# ASP.NET jQuery - jCarousel控件图片动态浏览

    在这个场景中,"C# ASP.NET jQuery - jCarousel控件图片动态浏览"是一个关于如何利用这些技术实现图片轮播功能的主题。下面将详细介绍这个知识点。 首先,C# ASP.NET是一个微软开发的服务器端Web应用框架,用于构建...

    C#实现图片浏览

    本项目实例“C#实现图片浏览”是利用C#的基础知识和.NET框架来创建一个简单的图片浏览器,它允许用户从他们的电脑中选择并查看图片。这个应用的核心功能包括文件对话框的使用,图像处理,以及用户交互。 1. **文件...

    相册浏览器 delphi pascal

    找到图片文件夹,过滤出相应格式图片,双击列表中图片名称即可浏览或动态浏览图片,可设置浏览速度,可删除图片,可拉伸或正常比例浏览 2. 统一更名。点击‘统一相册名’,设置好统一相册的名称,选好图片格式(尽量...

    制作动态图片软件动态

    标题中的“制作动态图片软件动态”表明我们讨论的是关于创建动态图像,特别是GIF格式的软件工具。动态图片,如GIFs,是互联网上常见的一种媒体形式,它们能够循环播放一系列帧,创造出动画效果。 在描述中,“制作...

    JQuery浏览图片实现

    "JQuery浏览图片实现"是一个基于jQuery技术来展示和浏览图片的应用,通过JavaScript和HTML元素如DIV,可以创建一个交互式的图片查看器。这种实现方式允许用户点击或滑动以查看多张图片,提供了类似画廊的体验。 ...

    Silverlight 动态3D 图片浏览

    2. **Transform3D**:为了实现动态浏览,需要对3D模型应用各种变换,如旋转(Rotation3D)、平移(TranslateTransform3D)和缩放(ScaleTransform3D)。这些变换可以通过组合`Transform3DGroup`来实现,使用户能够...

    C#图片浏览程序(源码)

    当用户点击放大或缩小按钮时,程序可能会动态调整PictureBox的Size或Image.Size属性,以实现图片大小的变化。 为了实现图片的放大和缩小功能,开发者可能使用了ZoomIn和ZoomOut方法。这些方法通常会改变一个缩放...

    jquery图片浏览自适应大小

    在图片浏览场景中,jQuery可以帮助我们动态地调整图片容器的大小,以适应图片的实际尺寸,而不是简单地裁剪或拉伸图片,这样可以保持图片的原始比例,避免变形。 图片自适应大小的关键在于检测图片加载完成后的实际...

    Android 图片浏览全屏缩放

    在Android开发中,实现图片浏览的全屏缩放效果是一项常见的需求,特别是在社交应用中,如QQ好友动态和微信朋友圈。这种功能不仅需要提供良好的用户体验,还需要考虑性能和内存优化,因为图片通常较大,处理不当可能...

    gride加载动态图片

    3. **流畅加载**:为了确保用户在浏览时有一个流畅的体验,动态图片的加载策略至关重要。这包括延迟加载(Lazy Loading)、预加载(Preloading)、占位符(Placeholders)和尺寸适应(Responsive Images)。延迟加载...

    JS实现图片浏览特效

    本主题聚焦于“JS实现图片浏览特效”,这通常涉及到图片预览、滑动展示、缩放、旋转等视觉效果,提升用户体验。下面将详细讨论实现这些特效的关键知识点。 1. 图片预加载:在图片浏览特效中,为了防止用户在点击...

    图片动画JSP目录直读程序-jsp-mlzd.zip

    这个程序的核心是利用JSP的文件操作能力和HTML、JavaScript或者CSS来组合显示目录中的图片,为用户提供一个动态浏览图片的交互体验。 JSP(JavaServer Pages)是Java平台上的一个重要组成部分,它允许开发人员将...

Global site tag (gtag.js) - Google Analytics