[img]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title> อัลบั้มรูปสไตล์ Opacity By xbeginner01</title>
function slideStyleOpacity(){
var list =3; // แสดงจำนวนรายการรูปทางด้านซ้าย
var waitTime =1000 // หยุดแสดงภาพ 1 หน่วย us
var opaTime = 100 //ความเร็วต่อเฟรม ทำให้ภาพจาง หน่วย us
var opaMulti = 10 // ตัวคูณ เพิ่มค่า opacity (ภาพจาง) ขึ้นอีก ไม่ควรเกิน 100 และเท่ากับ 0 ประมาณ 5-20 กำลังดี
var imgArr = new Array();
var opa= 0;
var wait =false;
var im =0;
var startList=0;
this.addImage = function(imgs,thumnail){
imgArr[imgArr.length] ={imgs:imgs,thumnail:thumnail}
ss.showImage(imgArr[0].imgs);
ss.toList();
}
this.toList =function(){
var pic=document.getElementById('Pic');
pic.innerHTML="";
for(var i=0; i < list ; i++){
try{
var pic=document.getElementById('Pic');
var a =document.createElement('a');
a.setAttribute('href',"javascript:ss.showImage('"+imgArr[startList+i].imgs+"')");
var tagImg = document.createElement('img');
tagImg.setAttribute('src',imgArr[startList+i].thumnail);
tagImg.setAttribute('alt',imgArr[startList+i].thumnail);
a.appendChild(tagImg);
pic.appendChild(a);
var br= document.createElement('br');
pic.appendChild(br);
}catch(e){}
}
if(imgArr.length>list && imgArr.length>(startList+list) ) document.getElementById('downList').disabled=false;
else document.getElementById('downList').disabled=true;
if(startList>0)document.getElementById('upList').disabled=false;
else document.getElementById('upList').disabled=true;
}
this.upList =function(){
startList--;
ss.toList();
}
this.downList=function(){
startList++;
ss.toList();
}
this.showImage=function(img1){
var show=document.getElementById('showPic');
show.innerHTML="<img src="+img1+" id=img1>";
setOpacity(100,'img1');
var len =imgArr.length;
var j=0;
while(j <len){
if(imgArr[j].imgs ==img1){
show.innerHTML+="<img src="+imgArr[(j+1)%len].imgs+" id=img2 >";
break;
}
j++;
}
setOpacity(0,'img2');
opa=0;
wait=true;
im=j;
}
Load balance : Server 04
