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:



taruh di folder js

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

<script type=”text/javascript”>




reflHeight: 30,


xPos: 495,

yPos: 25,



autoRotate: ‘left’,

autoRotateDelay: 3000,






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”>



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 berkata:

    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. 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 berkata:

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

  4. Regan berkata:

    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 berkata:

    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. 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 )

Foto Google+

You are commenting using your Google+ 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 )


Connecting to %s