<marquee onmouseout="this.start()" direction="left" align="center" scrollamount="2" onmouseover="this.stop()" width="100%" height="100"><img src="filegambar" alt=""/> </marquee>
Orat Oret
Coretan tentang kehidupan dan beberapa informasi dan tutorial yang mungkin bermanfaat :)
Showing posts with label css. Show all posts
Showing posts with label css. Show all posts
Monday, September 24, 2012
Simple tutorial how to : marque image (gambar bergerak dengan marque) dan simple galery photo
Untuk membuat gambar bergerak dengan marque (marque image) cukup copas kode berikut pada tempat dimana image bergerak tersebut akan dimunculkan.
align bisa diganti dengan left atau right, sebagai posisi awal gambar akan bergerak, dan direction bisa diganti dengan up, down, right sebagai arah gambar akan bergerak.
Sunday, September 16, 2012
simple tutorial how to : membuat slide show image dengan jquery cycle
Download dahulu jquery library dan jquery cycle plugin nya, bisa dari link berikut:
jquery-library
jquery-cycle-plugin
Masukan kode html berikut pada bagian akan dimunculkannya slide show, arahkan pada file image yang akan di munculkan bergantian pada slide show
<div class="slideshow">
<img src="img/slider1.png" width:"605" height:"325" />
<img src="img/slider2.png" width:"605" height:"325" />
<img src="img/slider3.png" width:"605" height:"325" />
<img src="img/slider4.png" width:"605" height:"325" />
<img src="img/slider5.png" width:"605" height:"325" />
</div>
<img src="img/slider1.png" width:"605" height:"325" />
<img src="img/slider2.png" width:"605" height:"325" />
<img src="img/slider3.png" width:"605" height:"325" />
<img src="img/slider4.png" width:"605" height:"325" />
<img src="img/slider5.png" width:"605" height:"325" />
</div>
Subscribe to:
Posts (Atom)