Membuat gambar bergerak di HTML

Kali ini saya mencoba membuat gambar bergerak di HTML..

ini adalah contoh codingannya :

<table><tbody> <tr align="center"> <td><div style="text-align: center;"> <img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl2A1VB82ySQt80CszdxVQwsFwUGI2GpGJuK-EZfWDMFZJesAHfY1YwexUvw0FN_dQ7_8G7DkOtKVrXpnB82BBkcdNoaLLUx0w3jm_6ogDTEskLwO8fMCpvbiWdyGl9aWj2IyDtduhC67B/s1600/2012-08-21-037.jpg" width="112" /> </div> </td> <td><div style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl2A1VB82ySQt80CszdxVQwsFwUGI2GpGJuK-EZfWDMFZJesAHfY1YwexUvw0FN_dQ7_8G7DkOtKVrXpnB82BBkcdNoaLLUx0w3jm_6ogDTEskLwO8fMCpvbiWdyGl9aWj2IyDtduhC67B/s1600/2012-08-21-037.jpg" height="200" width="112" /> </div> </td> </tr> </tbody></table>


dan hasilnya seperti ini :

Gambar Sejajar

Gambar bergerak sejajar

<marquee><table><tbody> <tr align="center"> <td><div style="text-align: center;"> <img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl2A1VB82ySQt80CszdxVQwsFwUGI2GpGJuK-EZfWDMFZJesAHfY1YwexUvw0FN_dQ7_8G7DkOtKVrXpnB82BBkcdNoaLLUx0w3jm_6ogDTEskLwO8fMCpvbiWdyGl9aWj2IyDtduhC67B/s1600/2012-08-21-037.jpg" width="112" /> </div> </td> <td><div style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl2A1VB82ySQt80CszdxVQwsFwUGI2GpGJuK-EZfWDMFZJesAHfY1YwexUvw0FN_dQ7_8G7DkOtKVrXpnB82BBkcdNoaLLUx0w3jm_6ogDTEskLwO8fMCpvbiWdyGl9aWj2IyDtduhC67B/s1600/2012-08-21-037.jpg" height="200" width="112" /> </div> </td> </tr> </tbody></table> </marquee>

Gambar bolak balik
<marquee behavior="alternate" direction="right" scrollamount="2" width="80%"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl2A1VB82ySQt80CszdxVQwsFwUGI2GpGJuK-EZfWDMFZJesAHfY1YwexUvw0FN_dQ7_8G7DkOtKVrXpnB82BBkcdNoaLLUx0w3jm_6ogDTEskLwO8fMCpvbiWdyGl9aWj2IyDtduhC67B/s1600/2012-08-21-037.jpg" width="112" /></marquee>





Gambar saling bertemu dan berpisah


<table style="width: 600px;"><tbody> <tr align="center"> <td rowspan="300"><div style="text-align: center;"> <marquee behavior="alternate" direction="right" width="100%"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl2A1VB82ySQt80CszdxVQwsFwUGI2GpGJuK-EZfWDMFZJesAHfY1YwexUvw0FN_dQ7_8G7DkOtKVrXpnB82BBkcdNoaLLUx0w3jm_6ogDTEskLwO8fMCpvbiWdyGl9aWj2IyDtduhC67B/s1600/2012-08-21-037.jpg" width="112" /></marquee></div> </td> <td rowspan="300"><div style="text-align: center;"> <marquee behavior="alternate" direction="left" width="100%"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl2A1VB82ySQt80CszdxVQwsFwUGI2GpGJuK-EZfWDMFZJesAHfY1YwexUvw0FN_dQ7_8G7DkOtKVrXpnB82BBkcdNoaLLUx0w3jm_6ogDTEskLwO8fMCpvbiWdyGl9aWj2IyDtduhC67B/s1600/2012-08-21-037.jpg" width="112" /></marquee></div> </td> </tr> </tbody></table>