[b]_____________________________________________________________________________________________[/b]
[align=center][b]GRADUAL ELEMENT FADER [/b][/align]
[align=center][b]for another show hide boxes effect[/b][/align]
sebelumnya ijin MODS dolo untuk share kalo ini ga berguna atau dah dubel thread silahkan didelete

, saiia yakin dah banyak yg make neeh script tapi disini saiia cuma mao share buat temand2 yg lom tau ajah

[b]_____________________________________________________________________________________________
[/b]
[img]http://s104.photobucket.com/albums/m168/chibib0/wvmaccordion/thnewpost.gif[/img] [b]Credits [/b]:
[b]Dynamic Drive [/b]
[b][url=http://theftalk.com/p=nopathz]Nopathz[/url][/b]
[b][url=http://theftalk.com/profile.php?id=60054]Metropolix[/url][/b]
[b] [url=http://profiles.friendster.com/awalirsyad]Myself[/url][/b]
[b] ALL FTI'ers[/b]
[img]http://s104.photobucket.com/albums/m168/chibib0/wvmaccordion/thnewpost.gif[/img] [b]Description[/b] : Effect ini adalah untuk fade in dan fade out effect saat mouse melewati box
[img]http://s104.photobucket.com/albums/m168/chibib0/wvmaccordion/thnewpost.gif[/img] [b]Temporary Preview[/b] : [url=http://profiles.friendster.com/awalirsyad]hover bagian tengah profile setelah loadnya slese[/url]
(depends on bandwith exceeded)

[img]http://s104.photobucket.com/albums/m168/chibib0/wvmaccordion/thnewpost.gif[/img] [b]Screenshot[/b] :
[spoiler][b]sebelum dihover boxnya ga nongol[/b] [img]http://i214.photobucket.com/albums/cc118/boimx/notover.jpg[/img]
[b]setelah dihover ( boxnya fade in saat dihover dan saat mouseout boxnya fade out )[/b] [img]http://i214.photobucket.com/albums/cc118/boimx/onover.jpg[/img][/spoiler]
[img]http://s104.photobucket.com/albums/m168/chibib0/wvmaccordion/thnewpost.gif[/img] Step to follow :
[img]http://theftalk.com/img/warn_add.gif[/img] 1. [b]FUNGSI GRADUAL FADER EFFECT[/b] ' download kemudian upload kehostingan kalian dengan nama [b]gradualfader.js[/b]

[url=http://www.ziddu.com/download/2184986/gradualfader.txt.html][b]Download Disini[/b][/url]
lalu inject kebagian [b]A [/b]
[quote]var myjs = document.createElement("script");
myjs.type = "text/javascript";
myjs.src = "[b]URL gradualfader.js[/b]";
document.getElementsByTagName("head")[0].appendChild(myjs);[/quote]
[img]http://theftalk.com/img/warn_add.gif[/img] 2. [b]FUNGSI GETELEMENTSBYCLASSNAME[/b]' letakkan di bagian [b]C[/b] JS kalian sesuai [url=http://theftalk.com/t15339-%7BTUTORIAL%7D-Kombinasi-JS-dan-WVM-%2B-Addbox-%28UPDATE-08-03-08%29.html]Referensi Tutorial Bang Kanal[/url] (kalo sudah punya ga usah tambahkan)
[spoiler]function getElementsByClassName(strClass, strTag, objContElm) {
strTag = strTag || "*";
objContElm = objContElm || document;
var objColl = objContElm.getElementsByTagName(strTag);
if (!objColl.length && strTag == "*" && objContElm.all) objColl = objContElm.all;
var arr = new Array();
var delim = strClass.indexOf('|') != -1 ? '|' : ' ';
var arrClass = strClass.split(delim);
for (var i = 0, j = objColl.length; i < j; i++) {
var arrObjClass = objColl[i].className.split(' ');
if (delim == ' ' && arrClass.length > arrObjClass.length) continue;
var c = 0;
comparisonLoop:
for (var k = 0, l = arrObjClass.length; k < l; k++) {
for (var m = 0, n = arrClass.length; m < n; m++) {
if (arrClass[m] == arrObjClass[k]) c++;
if (( delim == '|' && c == 1) || (delim == ' ' && c == arrClass.length)) {
arr.push(objColl[i]);
break comparisonLoop;
}
}
}
}
return arr;
}[/spoiler]
[img]http://theftalk.com/img/warn_add.gif[/img] 3. [b]GRADUALFADER INIT[/b] ' letakkan dibagian [b]B[/b] (agar smua box terkena effect ini)
[spoiler]boxkamufade=getElementsByClassName("commonbox");
for (i=0;i<boxkamufade.length;i++){
boxkamufade[i].className+=" gradualfader";
}
gradualFader.init()[/spoiler]
tapi kalo mau hanya beberapa element tertentu saja yg terkena effectnya cukup tambahkan seperti ini (tambahan bro [b]Teguh[/b] )
[spoiler][b]image :[/b]
[quote]<img src='URL_OF_IMAGE' [b]class='gradualfader' [/b]>[/quote]
[b]embed :[/b]
[quote]<embed src='URL_OF_embed ntah mp3 ato apala' [b]class='gradualfader' [/b]>[/quote]
selipkan pada bagian image atau embed kode yg mau kamu kasi effect


[b]box tertentu :[/b]
[quote]<div [b]class='gradualfader' [/b]>[/quote]
[/spoiler]
[img]http://theftalk.com/img/warn_add.gif[/img] Tambahan :
kalo mau ngatur opacity boxnya sebelum dihover edid aja di gradualfader.js nya

[spoiler]gradualFader.baseopacity=[color=blue][b]0.0 [/b][/color]//set base opacity when mouse isn't over element (decimal below 1)
gradualFader.increment=0.1 //amount of opacity to increase after each iteration (suggestion: 0.1 or 0.2)[/spoiler]
Selamat Mencoba, semoga bermanfaat

[img]http://theftalk.com/img/warn_add.gif[/img]
Last edited by boim (2008-10-11 00:26:55)