Customize automatic and scheduled changes to the desktop background HTML page of images

1. related image (1.jpg, 2.jpg... n. jgp)
2. Compile an HTML page to display images
And set it to automatically update the image at a scheduled time.
3. Set the HTML page to the desktop background.
The "desktop" automatically refreshes and updates the image display at intervals.
========================================================== ========
1. Take the pictures you need as a small English card celebrityFamous sayingAnd so on
Assemble in a folder and name it, for example, 1.jpg, 2.jpg...
In this way, you can learn English or famous sayings on the last desktop.

2. Compile the following example HTML page and place it in the image folder.
Assume that the name of the HTML page is mypicdesktop.html.

The reason for setting the width of TD is 50%.
Is to control the image display position in the right half of the desktop
Because there are many icons in the left half of the desktop

ExampleCodeAs follows:

< Html >
< Head >
</ Head >
< Script Language = "JavaScript" >

Window. onload = Refleshdesktoppic

Function Refleshdesktoppic ()
{
VaR I =   1 ;
VaR J =   0 ; // Sequence Number of the image
VaR K =   8 ; // Number of images
VaR M =   30 * 1000 ; // The display time is millisecond.
VaR N =   2 ; // Loop times
//
While (I <= (N * K ))
{
J = I % K; // The number of images to be displayed

If (J = 0 )
J = K; // Sequence Number of the last image

// After a short time, replace it with another image.
SetTimeout ( " Setpic ( " + J + " ) " , (M * I ));

I = I + 1 ;
}
}

Function Setpic (picseqnum)
{
Document. All. mydiv. innerhtml =   " <Image id = 'image2' src =' " + Picseqnum + " . Jpg '> </image> " ;
}

</ Script >
< Body >
< Table Width = "100%" >
< Tr >
< TD Width = "50%" >
</ TD >
< TD >
< Div ID = "Mydiv" >  
< Image ID = "Image1" SRC = "1.jpg" > </ Image >
</ Div >
</ TD >
  </ Tr >
</ Table >
</ Body >
</ Html >

 

3. Take the win2003 system as an example
Desktop-> right-click Properties-> desktop Tab
-> Custom desktop-> open the "desktop project" setting box.
-> Web tab
-> Click "new ".
-> Open the "new desktop project" setting box.
-> Click Browse.
-> Find the mypicturetop.html edited in step 2.
-> OK-> application-> OK
 
You can view the results

At first, the HTML page was not maximized as a desktop.
It is scaled down to the middle right of the desktop.
You can move the mouse up and click the maximize button in the upper right corner of the page.
To make the HTML page display as big as the Desktop
To close the HTML page, click the close button in the upper-right corner of the page.
Just like a normal webpage