Simple image rotation effect implementation, image rotation

Simple image rotation effect implementation, image rotation

Use an image switch developed by css3 and js to switch the image with the data switch button, previously, the jquery plug-in model developed such a plug-in logic will be complicated and won't be taken out. Now this small case is that the idea Writing of the basic object is relatively simple, and it is better for beginners to understand it!

:

View Source Code

Use js to create a simple image carousel effect. Three images are preferred.

SetInterval (showIMG, 1000); // execute the showIMG function once every Ms. If you do not understand it, ask again.
Function showIMG (){
// Todo implements image Switching
}

I studied graphic design. Now I am very interested in Webpage Design and those dynamic effects on webpages, such as page number and image playback,

Websites' three muskeys can be used, namely, Dreamweaver, Photoshop, and Flash. Of course, many people now use Fireworks instead of Photoshop to design and cut images;
I personally did software design from the web design, mainly using Dreamweaver and Photoshop, while Flash was rarely used, because Flash animation was relatively large and loading was a little slow, the dynamic effects are mainly completed using js scripts. However, I am not very familiar with js scripts and cannot write too complex dynamic effects on my own. However, I can find all the necessary js scripts on the Internet, as long as it is called, there is no problem;
You can use JavaScript scripts to implement the "page number and image playback in turn, such as page turning effects", and these effects are commonly used in simple scripts;

In fact, learning web design doesn't help you learn how to use these software, but helps you do your work through these software;
For example, Dreamweaver is only an auxiliary writing tool, which can accelerate the efficiency of code writing. What you need to learn is the layout of div + css, div + css is the most basic capability of web designers. After you have mastered it, you can learn how to call js scripts to achieve dynamic results;

Photoshop or Fireworks is just a design tool. You need to learn how to design excellent pages or interfaces. In other words, you need to learn design capabilities or design ideas, at the beginning, you can first copy excellent works to practice. When you feel that the practice is almost the same, you try to design a page or interface independently;

Besides, Flash is just an auxiliary tool to implement the animation effect you want. I personally think it is still designed-oriented. After all, it is easy to make animations, however, it is not easy to make beautiful dynamic images. This requires you to have strong hand-drawn capabilities. It is not more than a decade ago, and your requirements have also increased, not just a few animations can be satisfactory;

All in all, software operations must be learned, but what you need to learn is the knowledge of these software, not the software itself. If you say so much, I hope you can understand it, for your help, I will give you some addresses for the self-learning websites and materials websites. As for the software-operated websites, you can search for them at will.
Www.divcss5.com/
Www.lanw.uku.com/
Www.zcool.com.cn/