JQUERY: animasi ala profile


dengan asumsi bahwa kemarin sudah punya jquery-1.6.2.min.js

dan juga sudah ada jquery-ui-1.8.16.custom.css

serta jquery-ui-1.8.16.custom.min.js

sedot ini dulu:

http://profilemgt.com/js/jquery.mousewheel.js

http://profilemgt.com/js/cloud-carousel.1.0.4.min.js

taruh di folder js

letakkan ini di antara <head> dan </head>

<script type=”text/javascript”>

$(document).ready(function(){

$(“#da-vinci-carousel”).CloudCarousel(

{

reflHeight: 30,

reflGap:0,

xPos: 495,

yPos: 25,

speed:0.2,

FPS:30,

autoRotate: ‘left’,

autoRotateDelay: 3000,

mouseWheel:true

}

);

});

</script>

taruh ini di <body>

<div id=”da-vinci-carousel” style=”width:990px; height:450px; overflow:hidden;”>

<img src=”images/gambar1.jpg”>

<img src=”images/gambar2.jpg”>

<img src=”images/gambar3.jpg”>

<img src=”images/gambar4.jpg”>

<img src=”images/gambar5.jpg”>

</div>

penjelasan:

untuk skrip:

reflHeight = tingginya bayangan

reflGap = celah antara gambar dan bayangan

xPos, yPos = koordinat titik tengah rotasi gambar

speed = kecepatan putaran dalam detik

FPS = frame per second

autoRotate = arah putaran

autoRotateDelay = jeda antara putaran

mouseWheel = gambar berputar bila roda di mouse diputar

untuk body div

div id=”da-vinci-carousel” <= ini namanya identifier

style = tentukan ukuran bidang animasi, lebar 990px, tinggi 450px

overflow:hidden = kalau lewat dari bidang itu, gambarnya terpotong

img <= identifier untuk image

nah untuk hasil jadinya klik http://profilemgt.com/home

 

Author: Dewantara Mata Dunia

Indonesian Cyber Center

6 Comments Add yours

  1. Judi Bola mengatakan:

    Hello just wanted to give you a brief heads up and let you know
    a few of the pictures aren’t loading properly. I’m not sure why but I think its a linking issue.

    I’ve tried it in two different web browsers and both show the same outcome.

  2. Closing Cost Loan No mengatakan:

    After looking into a few of the articles on your web page, I
    truly appreciate your way of blogging. I book-marked it
    to my bookmark webpage list and will be checking back in the near future.
    Take a look at my web site too and tell me your opinion.

  3. Equipment Stereo mengatakan:

    Thanks for finally talking about >JQUERY: animasi ala profile | XI DOC (Informatika 2011~D) <Liked it!

  4. Regan mengatakan:

    Hi! Do you know if they make any plugins to safeguard against hackers?
    I’m kinda paranoid about losing everything I’ve worked hard on.

    Any recommendations?

  5. Tavis mengatakan:

    Hi! I just wanted to ask if you ever have any issues with hackers? My last blog (wordpress) was hacked and I ended up losing many months of hard work due to no data backup. Do you have any methods to prevent hackers?

  6. bursa taruhan bola mengatakan:

    Great items altogether, you only received a brand new viewer. Just what exactly might you propose relating to your submit which you made . bursa taruhan bolaat times before? Every constructive?

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s