A Simple Image Slide Show

• Download imageviewer - 29.86 KB

Introduction

The application is a simple C# application that can open and view an image, than showing the image one by one in a slide show. The purpose of this article is for a beginner to know how to create a image slide show using timer in C#.

Using the code

To make this application I use 3 button (for the next, previous, open and slide show button), and then 1 picture box, and 1 panel (to contain the picture box). And the picture box “sizemode” is set to “StretchImage”.

First, declare 4 variable that will be used :

private string [] folderFile = null;
private int selected = 0;
private int begin = 0;
private int end = 0;

First variable is a string array that will be used to keep the path file of the folder. The second, third and fourth variable is used to ‘mark’ the beginning of the array, the end of the array and mark the selected index of the array.

private void button2_Click(object sender, System.EventArgs e)
{
 if(folderBrowserDialog1.ShowDialog() == DialogResult.OK)
 {
  string [] part1=null, part2=null, part3=null;
  part1 = Directory.GetFiles(folderBrowserDialog1.SelectedPath,"*.jpg");
  part2 = Directory.GetFiles(folderBrowserDialog1.SelectedPath,"*.jpeg");
  part3 = Directory.GetFiles(folderBrowserDialog1.SelectedPath,"*.bmp");
  folderFile = new string[part1.Length + part2.Length + part3.Length];
  Array.Copy(part1,0,folderFile,0,part1.Length);
  Array.Copy(part2,0,folderFile,part1.Length,part2.Length);
  Array.Copy(part3,0,folderFile,part1.Length + part2.Length,part3.Length);
  selected = 0;
  begin = 0;
  end = folderFile.Length;
  showImage(folderFile[selected]);
  button1.Enabled = true;
  button3.Enabled = true;
  button4.Enabled = true;
}
}

If the folderBrowserDialog result is ‘OK’, then get all the jpg, jpeg and bmp files on the folder and then copy it to the fileFolder array. Then show the image by calling the showImage().

private void showImage(string path)
{
 Image imgtemp = Image.FromFile(path);
 pictureBox1.Width = imgtemp.Width / 2;
 pictureBox1.Height = imgtemp.Height / 2;
 pictureBox1.Image = imgtemp;
}

The pictureBox width and height is devided with 2 to show the image twice smaller than the original size.

private void prevImage()
{
 if(selected == 0)
 {
  selected = folderFile.Length - 1;
  showImage(folderFile[selected]); 
 }
 else
 {
  selected = selected - 1; showImage(folderFile[selected]);
 }
}
private void nextImage()
{
 if(selected == folderFile.Length - 1)
 {
  selected = 0; 
  showImage(folderFile[selected]);
 }
 else
 {
  selected = selected + 1; showImage(folderFile[selected]);
 }
}

To show the next and previous image is simply by move the selected array mark to the next index or to previous index.

private void timer1_Tick(object sender, System.EventArgs e)
{ 
 nextImage();
} 
private void button4_Click(object sender, System.EventArgs e)
{
 if(timer1.Enabled == true)
 { 
  timer1.Enabled = false;
  button4.Text = "<< START Slide Show >>";
 }
 else
 {
  timer1.Enabled = true;
  button4.Text = "<< STOP Slide Show >>";
 }
}

For the slide show function call the nextImage() at the timer1_tick then just set the enabled into true or false.

Conclution

Its easy to open, show and slide show images. Just by using folderBrowserDialog and timer using C# 2.0.

I hope this article can be usefull for anyone. Any comment is welcome!