C#实现图片轮播功能的示例代码

目录
  • 实践过程
    • 效果
    • 代码

实践过程

效果

代码

public partial class Form1 : Form
{
    public Form1()
    {
        InitializeComponent();
    }

    public bool Pflag;
    int flag = 0;
    FileSystemInfo[] fsinfo;
    ArrayList al = new ArrayList();
    int MM = 0;

    private void splitContainer2_Panel2_Paint(object sender, PaintEventArgs e)
    {
    }

    private void Form1_Load(object sender, EventArgs e)
    {
        cbbShowType.SelectedIndex = 0;
    }

    private void button1_Click(object sender, EventArgs e)
    {
        if (folderBrowserDialog1.ShowDialog() == DialogResult.OK)
        {
            al.Clear();
            listBox1.Items.Clear();
            txtPicPath.Text = folderBrowserDialog1.SelectedPath;
            DirectoryInfo di = new DirectoryInfo(txtPicPath.Text);
            fsinfo = di.GetFileSystemInfos();
            for (int i = 0; i < fsinfo.Length; i++)
            {
                string filename = fsinfo[i].ToString();
                string filetype = filename.Substring(filename.LastIndexOf(".") + 1, filename.Length - filename.LastIndexOf(".") - 1);
                filetype = filetype.ToLower();
                if (filetype == "jpeg" || filetype == "jpg" || filetype == "png" || filetype == "gif" || filetype == "bmp")
                {
                    listBox1.Items.Add(fsinfo[i].ToString());
                    al.Add(fsinfo[i].ToString());
                    flag++;
                }
            }

            listBox1.SetSelected(0, true);
            listBox1.Focus();
            tssltotel.Text = "共有" + flag + "张图片";
            Pflag = true;
        }
    }

    private void listBox1_SelectedIndexChanged(object sender, EventArgs e)
    {
        string picpath = txtPicPath.Text + "\\" + listBox1.SelectedItem.ToString();
        tsslPath.Text = "|当前第" + Convert.ToString(listBox1.SelectedIndex + 1) + "张图片|图片位置:" + picpath;
        pictureBox1.Image = Image.FromFile(picpath);
        MM = listBox1.SelectedIndex;
    }

    private void button3_Click(object sender, EventArgs e)
    {
        listBox1.Items.Clear();
        txtPicPath.Text = "";
        tssltotel.Text = "";
        tsslPath.Text = "";
        pictureBox1.Image = null;
        Pflag = false;
        timer1.Stop();
        button5.Enabled = true;
    }

    private void button5_Click(object sender, EventArgs e)
    {
        if (Pflag)
        {
            if (txtTime.Text != "")
            {
                if (cbbShowType.SelectedIndex == 1)
                {
                    timer1.Interval = int.Parse(txtTime.Text.Trim());
                    timer1.Start();
                    button5.Enabled = false;
                }
                else
                {
                    Form2 frm2 = new Form2();
                    frm2.fsi = al;
                    frm2.picPath = txtPicPath.Text.Trim();
                    frm2.mytimer = int.Parse(txtTime.Text.Trim());
                    frm2.ShowDialog();
                }
            }
        }
    }

    private void timer1_Tick(object sender, EventArgs e)
    {
        if (MM < listBox1.Items.Count)
        {
            if (txtPicPath.Text.Trim().Length == 3)
            {
                pictureBox1.Image = Image.FromFile(txtPicPath.Text.Trim() + listBox1.Items[MM].ToString());
                listBox1.SetSelected(MM, true);
            }
            else
            {
                pictureBox1.Image = Image.FromFile(txtPicPath.Text.Trim() + "\\" + listBox1.Items[MM].ToString());
                listBox1.SetSelected(MM, true);
            }
        }

        MM++;
    }

    private void txtTime_KeyPress(object sender, KeyPressEventArgs e)
    {
        if (!(e.KeyChar <= '9' && e.KeyChar >= '0') && e.KeyChar != '\r' && e.KeyChar != '\b')
        {
            e.Handled = true;
        }
    }

    private void txtTime_KeyDown(object sender, KeyEventArgs e)
    {
        if (txtTime.Text != "")
        {
            if (txtTime.Text.Trim().Substring(0, 1) == "0")
            {
                txtTime.Text = txtTime.Text.Substring(1, txtTime.Text.Length - 1);
            }
        }
    }

    private void button6_Click(object sender, EventArgs e)
    {
        timer1.Stop();
        button5.Enabled = true;
    }
}
public partial class Form2 : Form
{
    public Form2()
    {
        InitializeComponent();
    }
    public ArrayList fsi=new ArrayList();
    public int mytimer;
    public string picPath;
    private void pictureBox1_Click(object sender, EventArgs e)
    {
        timer1.Stop();
        this.Close();
    }

    private void pictureBox2_Click(object sender, EventArgs e)
    {

    }

    private void Form2_Load(object sender, EventArgs e)
    {
        timer1.Interval = mytimer;
        timer1.Start();
    }

    int MM = 0;
    private void timer1_Tick(object sender, EventArgs e)
    {
        if (MM <fsi.Count)
        {
            if (picPath.Length == 3)
            {
                pictureBox2.Image = Image.FromFile(picPath +fsi[MM].ToString());
            }
            else
            {
                pictureBox2.Image = Image.FromFile(picPath + "\\" + fsi[MM].ToString());
            }
        }
        MM++;
    }
}
 partial class Form1
    {
        /// <summary>
        /// 必需的设计器变量。
        /// </summary>
        private System.ComponentModel.IContainer components = null;

        /// <summary>
        /// 清理所有正在使用的资源。
        /// </summary>
        /// <param name="disposing">如果应释放托管资源,为 true;否则为 false。</param>
        protected override void Dispose(bool disposing)
        {
            if (disposing && (components != null))
            {
                components.Dispose();
            }
            base.Dispose(disposing);
        }

        #region Windows 窗体设计器生成的代码

        /// <summary>
        /// 设计器支持所需的方法 - 不要
        /// 使用代码编辑器修改此方法的内容。
        /// </summary>
        private void InitializeComponent()
        {
            this.components = new System.ComponentModel.Container();
            this.statusStrip1 = new System.Windows.Forms.StatusStrip();
            this.tssltotel = new System.Windows.Forms.ToolStripStatusLabel();
            this.tsslPath = new System.Windows.Forms.ToolStripStatusLabel();
            this.splitContainer1 = new System.Windows.Forms.SplitContainer();
            this.listBox1 = new System.Windows.Forms.ListBox();
            this.button6 = new System.Windows.Forms.Button();
            this.button5 = new System.Windows.Forms.Button();
            this.button3 = new System.Windows.Forms.Button();
            this.cbbShowType = new System.Windows.Forms.ComboBox();
            this.txtTime = new System.Windows.Forms.TextBox();
            this.label2 = new System.Windows.Forms.Label();
            this.button1 = new System.Windows.Forms.Button();
            this.txtPicPath = new System.Windows.Forms.TextBox();
            this.label1 = new System.Windows.Forms.Label();
            this.pictureBox1 = new System.Windows.Forms.PictureBox();
            this.folderBrowserDialog1 = new System.Windows.Forms.FolderBrowserDialog();
            this.timer1 = new System.Windows.Forms.Timer(this.components);
            this.statusStrip1.SuspendLayout();
            this.splitContainer1.Panel1.SuspendLayout();
            this.splitContainer1.Panel2.SuspendLayout();
            this.splitContainer1.SuspendLayout();
            ((System.ComponentModel.ISupportInitialize)(this.pictureBox1)).BeginInit();
            this.SuspendLayout();
            //
            // statusStrip1
            //
            this.statusStrip1.Items.AddRange(new System.Windows.Forms.ToolStripItem[] {
            this.tssltotel,
            this.tsslPath});
            this.statusStrip1.Location = new System.Drawing.Point(0, 398);
            this.statusStrip1.Name = "statusStrip1";
            this.statusStrip1.Size = new System.Drawing.Size(616, 22);
            this.statusStrip1.TabIndex = 0;
            this.statusStrip1.Text = "statusStrip1";
            //
            // tssltotel
            //
            this.tssltotel.BackColor = System.Drawing.Color.Transparent;
            this.tssltotel.Name = "tssltotel";
            this.tssltotel.Size = new System.Drawing.Size(0, 17);
            //
            // tsslPath
            //
            this.tsslPath.BackColor = System.Drawing.Color.Transparent;
            this.tsslPath.Name = "tsslPath";
            this.tsslPath.Size = new System.Drawing.Size(0, 17);
            //
            // splitContainer1
            //
            this.splitContainer1.BorderStyle = System.Windows.Forms.BorderStyle.Fixed3D;
            this.splitContainer1.Dock = System.Windows.Forms.DockStyle.Fill;
            this.splitContainer1.Location = new System.Drawing.Point(0, 0);
            this.splitContainer1.Name = "splitContainer1";
            //
            // splitContainer1.Panel1
            //
            this.splitContainer1.Panel1.Controls.Add(this.listBox1);
            this.splitContainer1.Panel1.Controls.Add(this.button6);
            this.splitContainer1.Panel1.Controls.Add(this.button5);
            this.splitContainer1.Panel1.Controls.Add(this.button3);
            this.splitContainer1.Panel1.Controls.Add(this.cbbShowType);
            this.splitContainer1.Panel1.Controls.Add(this.txtTime);
            this.splitContainer1.Panel1.Controls.Add(this.label2);
            this.splitContainer1.Panel1.Controls.Add(this.button1);
            this.splitContainer1.Panel1.Controls.Add(this.txtPicPath);
            this.splitContainer1.Panel1.Controls.Add(this.label1);
            //
            // splitContainer1.Panel2
            //
            this.splitContainer1.Panel2.Controls.Add(this.pictureBox1);
            this.splitContainer1.Size = new System.Drawing.Size(616, 398);
            this.splitContainer1.SplitterDistance = 205;
            this.splitContainer1.SplitterWidth = 1;
            this.splitContainer1.TabIndex = 1;
            //
            // listBox1
            //
            this.listBox1.FormattingEnabled = true;
            this.listBox1.ItemHeight = 12;
            this.listBox1.Location = new System.Drawing.Point(5, 148);
            this.listBox1.Name = "listBox1";
            this.listBox1.Size = new System.Drawing.Size(195, 244);
            this.listBox1.TabIndex = 0;
            this.listBox1.SelectedIndexChanged += new System.EventHandler(this.listBox1_SelectedIndexChanged);
            //
            // button6
            //
            this.button6.Location = new System.Drawing.Point(70, 119);
            this.button6.Name = "button6";
            this.button6.Size = new System.Drawing.Size(63, 23);
            this.button6.TabIndex = 9;
            this.button6.Text = "停止播放";
            this.button6.UseVisualStyleBackColor = true;
            this.button6.Click += new System.EventHandler(this.button6_Click);
            //
            // button5
            //
            this.button5.Location = new System.Drawing.Point(5, 119);
            this.button5.Name = "button5";
            this.button5.Size = new System.Drawing.Size(63, 23);
            this.button5.TabIndex = 8;
            this.button5.Text = "开始播放";
            this.button5.UseVisualStyleBackColor = true;
            this.button5.Click += new System.EventHandler(this.button5_Click);
            //
            // button3
            //
            this.button3.Location = new System.Drawing.Point(135, 119);
            this.button3.Name = "button3";
            this.button3.Size = new System.Drawing.Size(63, 23);
            this.button3.TabIndex = 6;
            this.button3.Text = "清除数据";
            this.button3.UseVisualStyleBackColor = true;
            this.button3.Click += new System.EventHandler(this.button3_Click);
            //
            // cbbShowType
            //
            this.cbbShowType.DropDownStyle = System.Windows.Forms.ComboBoxStyle.DropDownList;
            this.cbbShowType.FormattingEnabled = true;
            this.cbbShowType.Items.AddRange(new object[] {
            "原图大小显示",
            "适应窗口显示"});
            this.cbbShowType.Location = new System.Drawing.Point(5, 93);
            this.cbbShowType.Name = "cbbShowType";
            this.cbbShowType.Size = new System.Drawing.Size(195, 20);
            this.cbbShowType.TabIndex = 0;
            //
            // txtTime
            //
            this.txtTime.Location = new System.Drawing.Point(5, 63);
            this.txtTime.Name = "txtTime";
            this.txtTime.Size = new System.Drawing.Size(195, 21);
            this.txtTime.TabIndex = 4;
            this.txtTime.Text = "1000";
            this.txtTime.KeyDown += new System.Windows.Forms.KeyEventHandler(this.txtTime_KeyDown);
            this.txtTime.KeyPress += new System.Windows.Forms.KeyPressEventHandler(this.txtTime_KeyPress);
            //
            // label2
            //
            this.label2.AutoSize = true;
            this.label2.Location = new System.Drawing.Point(3, 48);
            this.label2.Name = "label2";
            this.label2.Size = new System.Drawing.Size(89, 12);
            this.label2.TabIndex = 3;
            this.label2.Text = "暂停时间(毫秒)";
            //
            // button1
            //
            this.button1.Location = new System.Drawing.Point(143, 20);
            this.button1.Name = "button1";
            this.button1.Size = new System.Drawing.Size(57, 23);
            this.button1.TabIndex = 2;
            this.button1.Text = "浏览...";
            this.button1.UseVisualStyleBackColor = true;
            this.button1.Click += new System.EventHandler(this.button1_Click);
            //
            // txtPicPath
            //
            this.txtPicPath.BackColor = System.Drawing.Color.White;
            this.txtPicPath.Location = new System.Drawing.Point(5, 21);
            this.txtPicPath.Name = "txtPicPath";
            this.txtPicPath.ReadOnly = true;
            this.txtPicPath.Size = new System.Drawing.Size(137, 21);
            this.txtPicPath.TabIndex = 1;
            //
            // label1
            //
            this.label1.AutoSize = true;
            this.label1.Location = new System.Drawing.Point(3, 6);
            this.label1.Name = "label1";
            this.label1.Size = new System.Drawing.Size(65, 12);
            this.label1.TabIndex = 0;
            this.label1.Text = "图片目录:";
            //
            // pictureBox1
            //
            this.pictureBox1.Dock = System.Windows.Forms.DockStyle.Fill;
            this.pictureBox1.Location = new System.Drawing.Point(0, 0);
            this.pictureBox1.Name = "pictureBox1";
            this.pictureBox1.Size = new System.Drawing.Size(406, 394);
            this.pictureBox1.SizeMode = System.Windows.Forms.PictureBoxSizeMode.StretchImage;
            this.pictureBox1.TabIndex = 0;
            this.pictureBox1.TabStop = false;
            //
            // timer1
            //
            this.timer1.Tick += new System.EventHandler(this.timer1_Tick);
            //
            // Form1
            //
            this.AutoScaleDimensions = new System.Drawing.SizeF(6F, 12F);
            this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font;
            this.BackColor = System.Drawing.Color.WhiteSmoke;
            this.ClientSize = new System.Drawing.Size(616, 420);
            this.Controls.Add(this.splitContainer1);
            this.Controls.Add(this.statusStrip1);
            this.FormBorderStyle = System.Windows.Forms.FormBorderStyle.FixedSingle;
            this.MaximizeBox = false;
            this.Name = "Form1";
            this.StartPosition = System.Windows.Forms.FormStartPosition.CenterScreen;
            this.Text = "图片自动播放器";
            this.Load += new System.EventHandler(this.Form1_Load);
            this.statusStrip1.ResumeLayout(false);
            this.statusStrip1.PerformLayout();
            this.splitContainer1.Panel1.ResumeLayout(false);
            this.splitContainer1.Panel1.PerformLayout();
            this.splitContainer1.Panel2.ResumeLayout(false);
            this.splitContainer1.ResumeLayout(false);
            ((System.ComponentModel.ISupportInitialize)(this.pictureBox1)).EndInit();
            this.ResumeLayout(false);
            this.PerformLayout();

        }

        #endregion

        private System.Windows.Forms.StatusStrip statusStrip1;
        private System.Windows.Forms.SplitContainer splitContainer1;
        private System.Windows.Forms.Button button1;
        private System.Windows.Forms.TextBox txtPicPath;
        private System.Windows.Forms.Label label1;
        private System.Windows.Forms.Label label2;
        private System.Windows.Forms.TextBox txtTime;
        private System.Windows.Forms.ListBox listBox1;
        private System.Windows.Forms.Button button6;
        private System.Windows.Forms.Button button5;
        private System.Windows.Forms.Button button3;
        private System.Windows.Forms.ComboBox cbbShowType;
        private System.Windows.Forms.FolderBrowserDialog folderBrowserDialog1;
        private System.Windows.Forms.ToolStripStatusLabel tsslPath;
        private System.Windows.Forms.ToolStripStatusLabel tssltotel;
        private System.Windows.Forms.PictureBox pictureBox1;
        private System.Windows.Forms.Timer timer1;

    }
  partial class Form2
    {
        /// <summary>
        /// Required designer variable.
        /// </summary>
        private System.ComponentModel.IContainer components = null;

        /// <summary>
        /// Clean up any resources being used.
        /// </summary>
        /// <param name="disposing">true if managed resources should be disposed; otherwise, false.</param>
        protected override void Dispose(bool disposing)
        {
            if (disposing && (components != null))
            {
                components.Dispose();
            }
            base.Dispose(disposing);
        }

        #region Windows Form Designer generated code

        /// <summary>
        /// Required method for Designer support - do not modify
        /// the contents of this method with the code editor.
        /// </summary>
        private void InitializeComponent()
        {
            this.components = new System.ComponentModel.Container();
            this.pictureBox1 = new System.Windows.Forms.PictureBox();
            this.timer1 = new System.Windows.Forms.Timer(this.components);
            this.pictureBox2 = new System.Windows.Forms.PictureBox();
            ((System.ComponentModel.ISupportInitialize)(this.pictureBox1)).BeginInit();
            ((System.ComponentModel.ISupportInitialize)(this.pictureBox2)).BeginInit();
            this.SuspendLayout();
            //
            // pictureBox1
            //
            this.pictureBox1.Dock = System.Windows.Forms.DockStyle.Right;
            this.pictureBox1.Image = global::PicPlay.Properties.Resources.图标__57_;
            this.pictureBox1.Location = new System.Drawing.Point(686, 0);
            this.pictureBox1.Name = "pictureBox1";
            this.pictureBox1.Size = new System.Drawing.Size(27, 451);
            this.pictureBox1.TabIndex = 0;
            this.pictureBox1.TabStop = false;
            this.pictureBox1.Click += new System.EventHandler(this.pictureBox1_Click);
            //
            // timer1
            //
            this.timer1.Tick += new System.EventHandler(this.timer1_Tick);
            //
            // pictureBox2
            //
            this.pictureBox2.Dock = System.Windows.Forms.DockStyle.Fill;
            this.pictureBox2.Location = new System.Drawing.Point(0, 0);
            this.pictureBox2.Name = "pictureBox2";
            this.pictureBox2.Size = new System.Drawing.Size(686, 451);
            this.pictureBox2.SizeMode = System.Windows.Forms.PictureBoxSizeMode.Zoom;
            this.pictureBox2.TabIndex = 1;
            this.pictureBox2.TabStop = false;
            this.pictureBox2.Click += new System.EventHandler(this.pictureBox2_Click);
            //
            // Form2
            //
            this.AutoScaleDimensions = new System.Drawing.SizeF(6F, 12F);
            this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font;
            this.BackColor = System.Drawing.Color.Black;
            this.ClientSize = new System.Drawing.Size(713, 451);
            this.Controls.Add(this.pictureBox2);
            this.Controls.Add(this.pictureBox1);
            this.FormBorderStyle = System.Windows.Forms.FormBorderStyle.None;
            this.Name = "Form2";
            this.StartPosition = System.Windows.Forms.FormStartPosition.CenterScreen;
            this.Text = "Form2";
            this.WindowState = System.Windows.Forms.FormWindowState.Maximized;
            this.Load += new System.EventHandler(this.Form2_Load);
            ((System.ComponentModel.ISupportInitialize)(this.pictureBox1)).EndInit();
            ((System.ComponentModel.ISupportInitialize)(this.pictureBox2)).EndInit();
            this.ResumeLayout(false);

        }

        #endregion

        private System.Windows.Forms.PictureBox pictureBox1;
        private System.Windows.Forms.Timer timer1;
        private System.Windows.Forms.PictureBox pictureBox2;

    }

到此这篇关于C#实现图片轮播功能的示例代码的文章就介绍到这了,更多相关C#图片轮播内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们

(0)

相关推荐

  • 利用C#实现分割GIF图片

    目录 文章描述 开发环境 开发工具 实现代码 实现效果 文章描述 弱水三千,我只取一瓢饮.一张动图,我只想要其中一帧.如何将一个GIF动态图分割成一帧一帧的图片?其实现在这样的工具随处可见,无论是在手机自带的相册中还是电脑上的照片查看软件,大部分都集成了图片编辑的功能,实在没有,从网上也能搜罗下来一大堆软件.所以真的想要拿到我们需要的某一帧图片的话,真的易如反掌. 同样的,我们使用C#代码实现起来的话,也是相当简单(不得不说,是真的简单,简单到我这篇还得想尽一切办法来凑字数.我已经不知道我是来分

  • C#实现给图片添加日期信息的示例详解

    实践过程 效果 代码 public partial class Form1 : Form { public Form1() { InitializeComponent(); } public string flag = null; PropertyItem[] pi; string TakePicDateTime; int SpaceLocation; string pdt; string ptm; Bitmap Pic; Graphics g; Thread td; private void

  • C#实现合并多张图片为GIF动态图

    目录 文章描述 开发环境 开发工具 实现代码 实现效果 代码解析 文章描述 在前一篇写了如何将一张GIF动态图分解成一帧一帧的图片,这一篇我们就把喝进去的一瓢水给还回去.即把一张又一张的图片去拼合成一张GIF动态图. 这里我们使用的是上一篇分割下来的每一帧图片,然后来进行一个还原操作,其实下面的代码中,能做到也不仅仅是还原,还可以同时设置延迟间隔等一些属性,也就是对这张动态图进行慢放或者快放的操作. 开发环境 .NET Framework版本:4.5 开发工具 Visual Studio 201

  • C#实现无损压缩图片的示例详解

    目录 实践过程 效果 代码 实践过程 效果 代码 public partial class Form1 : Form { public Form1() { InitializeComponent(); } FileSystemInfo[] fsi = null; string ImgPath = ""; ArrayList al = new ArrayList(); string ImgSavePath = ""; string strSourcePath = &q

  • 基于C#实现在图片上绘制文字

    目录 实践过程 效果 代码 实践过程 效果 代码 public partial class Form1 : Form { public Form1() { InitializeComponent(); } private void button2_Click(object sender, EventArgs e) { if (textBox1.Text.Length != 0 && pictureBox1.Image != null) { Bitmap bt = new Bitmap(pi

  • C#实现图片轮播功能的示例代码

    目录 实践过程 效果 代码 实践过程 效果 代码 public partial class Form1 : Form { public Form1() { InitializeComponent(); } public bool Pflag; int flag = 0; FileSystemInfo[] fsinfo; ArrayList al = new ArrayList(); int MM = 0; private void splitContainer2_Panel2_Paint(obj

  • VUE开发一个图片轮播的组件示例代码

    本人刚学习vue,用vue做了个图片轮播,下面我来记录一下,有需要了解VUE开发一个图片轮播的组件的朋友可参考.希望此文章对各位有所帮助. 完成效果图如下: vue开发的思路主要是数据绑定,代码如下: <template> <div ref="root" style="user-select: none;-webkit-user-select: none;overflow: hidden"> <div class="slide

  • Android首页无限轮播功能的示例代码

    最近工作不是很忙,也跟大神学习下总结一些小的技术点: 对于一个App几乎都有Banner广告功能,也就是我们常见的轮播图,当然目前市场第三方框架已经非常成熟了,尤其是youth5201314/banner这里有github地址也可以学习下:https://github.com/youth5201314/banner.git 那么下面给大家介绍我的一些总结: 首先分析下轮播图的设计 多张轮播图定时效果 指示点以及每张图片的文字说明 实现无限轮播,可滑动,图片点击事件 开始布局: <Relative

  • Android开发使用Handler实现图片轮播功能示例

    本文实例讲述了Android使用Handler实现图片轮播功能.分享给大家供大家参考,具体如下: 提前定义好一个Runnable接口,然后用handler调用. Mainactivity代码如下: package com.example.handle_01; import android.os.Handler; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.wid

  • jQuery图片轮播功能实例代码

    jquery 轮播图代码如下所示: <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>图片轮播</title> <style> *{margin:0px;padding:0px;} .one{ float:left; position:relative; lef

  • Android开发使用Handler的PostDelayed方法实现图片轮播功能

    本文实例讲述了Android开发使用Handler的PostDelayed方法实现图片轮播功能.分享给大家供大家参考,具体如下: 第一步:创建MainActivity类 public class BaseActivity extends ActionBarActivity { private List<String> mDatas; private ViewPager mViewPager; private boolean isRun = false; private AutoRunTask

  • 用vue写一个仿简书的轮播图的示例代码

    1.先展示最终效果: 2.解决思路 Vue的理念是以数据驱动视图,所以拒绝通过改变元素的margin-top来实现滚动效果.写好css样式,只需改变每张图片的class即可实现轮播效果.动画效果交给transition完成.可以将轮播图看成两个(mainSlide和extraSlide),各个图片的位置如图所示: 3.代码实现 各个slide的样式: $width: 800px; // 容器宽度 $height: 300px; // 容器高度 $bWidth: 500px; // 大图片宽度 $

  • 原生Js 实现的简单无缝滚动轮播图的示例代码

       简单无缝滚动轮播图存在很多漏洞,就是后期增加图片时会很不方便,需要改动的地方也很多,耦合性也很强,只适用于一部分程序,所以我们可以通过改动图片结构和计算折算点的方式,升级代码.       原简单的滚动轮播代码 <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> &

  • JavaScript实现无缝轮播图的示例代码

    目录 上效果 一.实现过程 1)首先实现基本布局 2)主要样式 二.如何实现无缝呢 (重点来了) 思路: 主要代码 完整代码 花费一个下午从0到1实现的轮播图,当然还有很多需要改进的地方(欢迎提出需要改进的地方),等我再努力努力,将其封装成一个组件. 上效果 一.实现过程 1)首先实现基本布局 <div class="carousel-container"> //图片列表 <div class="carousel-list"></div

  • 基于BootStrap的图片轮播效果展示实例代码

    先给大家展示下bootstrap图片轮播图,效果如下所示,如果大家感觉效果还不错,请继续往下阅读,参考实现代码. 废话不多说了,直接给大家贴代码了,具体代码如下所示: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="

随机推荐