묻고답하기
웹페이지 자연스럽게(?) 로딩되게 하는것!!!
2008.02.28 20:52
http://www.theshoes.in/
위 홈페이지에서 보여지는것처럼 플래시로 만든 홈페이지처럼 로딩되게 하는법좀 알려주세요.
사이트에서 소스를 보고 혼자서 삽질하려고 하니까 잘 안됩니다. -_-;;;
아래 소스 삽입하는거 맞는지요???
감사합니다.
*** 플래시 출력 ***/
function changeOpac(opacity, id) {
var object = document.getElementById(id).style;
if (opacity == 0) {
object.display = "none";
} else if (opacity > 0) {
object.display = "block";
}
object.opacity = (opacity / 100);
object.MozOpacity = (opacity / 100);
object.KhtmlOpacity = (opacity / 100);
object.filter = "alpha(opacity=" + opacity + ")";
}
function shiftOpacity(id, millisec) {
//if an element is invisible, make it visible, else make it ivisible
if(document.getElementById(id).style.opacity == 0) {
opacity(id, 0, 100, millisec);
} else {
opacity(id, 100, 0, millisec);
}
}
function blendimage(divid, imageid, imagefile, millisec) {
var speed = Math.round(millisec / 100);
var timer = 0;
//set the current image as background
document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
//make image transparent
changeOpac(0, imageid);
//make new image
document.getElementById(imageid).src = imagefile;
//fade in image
for(i = 0; i <= 100; i++) {
setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
timer++;
}
}
function currentOpac(id, opacEnd, millisec) {
//standard opacity is 100
var currentOpac = 100;
//if the element has an opacity set, get it
if(document.getElementById(id).style.opacity < 100) {
currentOpac = document.getElementById(id).style.opacity * 100;
}
//call for the function that changes the opacity
opacity(id, currentOpac, opacEnd, millisec)
}