1News Online:
Home » » Tutorial Blog - How to Make Moving Pictures (Scrolling Image)

Tutorial Blog - How to Make Moving Pictures (Scrolling Image)

Monday, October 15, 2012 | 1:49 AM


Make a scrolling image can give a different view than displaying a static picture. Most scrolling image is applied by some blogs that have a list of list in the form of a picture such as banner or get tags from other bloggers.

The following example is scrolling image.

 


The movement of each image can be changed either from left to right, bottom to top and vice versa. In addition the speed of each image also can be controlled.

Example code for scrolling image is as follows.

<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="150" height="200">


<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>
<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>

</marquee>


description:

Direction of motion pictures: convertible into up, down and right.
The speed of the image: can be changed to another number. The higher the value the faster.
links to open: a link to be opened when the image is clicked.
image url: the url of the picture to be displayed.

Note:
1. If you want to add more photos, just copy paste back to the picture
2. These codes can be used in a post entry or at the gadget


Kongsi artikel ini : :

Post a Comment

 
Copyright © 2012. 1News Online - All Rights Reserved
Proudly powered by Blogger