DHTML Slide Player (i)

dhtml| Program | Slide ≌ delicacy and Huan 龌 mei broken シ cowardly sash  book faded and Huang meter  to dal シ a certain sash Jie n yi boaster flurried ┱ the mirror Min Sha the key alcohol  to ask to drop the tomb 愀 ideal シ  disk acyl extracted the fast Sulphon is timid serious the GI to do, is also wants the server side to support the CGI program, such as ASP, PHP, Perl, and so on. But our implementation here does not need CGI, only the effect of CSS, plus javascripts control. As long as your browser is IE more than 4.0 or Netscape more than 3.0 can be. Just here we use the CSS filter filter effect, the effect can only appear in IE. For the filter filter effect on CSS, you can refer to my CSS filter filter details, which has been published on the yesky.com.
OK, let's do some preparation work.

First, in order to make this effect, we first have to play a few sizes of the same size picture, let it play in turn. For example, I found the following three 88x31 pictures as the use of the picture.
　　　　

Second, let's review the knowledge of filter image transformation filter in CSS:

Display conversion filters in CSS

The Display conversion filter provides a more variable conversion effect, unlike a hybrid conversion filter, which provides only a fading effect, and it provides more image conversion effects, and its syntax is:

Filter:revealtrans (Duration = number of seconds converted, transition= conversion type)

As you can see, it has a type of conversion parameter, and here it provides 24 types of conversions, and we just need to specify the conversion type code, so that the picture can be converted to a specific conversion effect. The following table is the form of 24 conversion filters and their corresponding codes:
Shows the conversion filter Transformation form of the corresponding code name to display the conversion of the conversion filter of the corresponding code
Rectangle from large to small 0 randomly dissolved 12
Rectangle from small to large 1 vertical inward split 13
Round from large to small 2 vertically outward split? Td> 14
The circle splits from small to large 3 horizontally, 15
Push up 4 horizontally and split 16.
Push down 5 to the left and peel off 17.
Push 6 to the right and Peel 18 off the left.
Push 7 to the left and peel off 19 to the right.
Vertical Blinds 8 to the right to peel off 20
Horizontal Blinds 9 Random horizontal fine lines 21
Horizontal checkerboard 10 Random vertical fine lines 22
Vertical Chessboard 11 Randomly select a special effect 23