Rabu, 06 Mei 2015

cara untuk membuat gambar slid



  • CARA 1

<script src="http://yourjavascript.com/53816065231/Database5.js" type="text/javascript"></script>
<script src="http://yourjavascript.com/65160840132/cycle.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
});
</script>
<style type="text/css">
#content-slider {
   position: relative;
   width: 250px;
   height: 250px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 250px;
   height: 250px;
}
</style>
<br />
<div id="content-slider">
<img src="URL FOTO ANDA" />
<img src="URL FOTO ANDA" />
<img src="URL FOTO ANDA" />
<img src="URL FOTO ANDA" />
</div>


  • CARA 2 

<marquee direction="up" onmouseover="this.stop()" scrollamount="4" onmouseout="this.start()">
<img src="URL GAMBAR 1" width="100%" height="100%" /><br />
<img src="URL GAMBAR 2" width="100%" height="100%" /><br />
<img src="URL GAMBAR 3" width="100%" height="100%" /><br />
<img src="URL GAMBAR 4" width="100%" height="100%" /></marquee>

0 komentar:

Posting Komentar

 
Blogger Templates http://i306.photobucket.com/albums/nn241/deineshd/Header/bg_12.jpg