|
 |
|
ถ้าเปลี่ยนการรับค่า เป็นค่า array ที่ส่งออกมาจาก database นี้จะมีแบบไหนบ้างครับ |
|
 |
|
|
 |
 |
|
Code (JavaScript)
<SCRIPT type=text/javascript>
/* กำหนดเวลาสำหรับการเปลี่ยนรูปภาพ 1000 เท่ากับ 1 วินาที*/
var timeSwap=4000;
/* กำหนดตัวแปร array สำหรับเก็บ ลิ้งค์*/
var jsBannerLink=new Array();
jsBannerLink[0]="http://www.google.com";
jsBannerLink[1]="http://www.hotmail.com";
jsBannerLink[2]="http://www.facebook.com";
/* กำหนดตัวแปร array สำหรับเก็บ รูปภาพ*/
var jsBannerPic=new Array();
jsBannerPic[0]="demo/images/sample_banner01.jpg";
jsBannerPic[1]="demo/images/sample_banner02.jpg";
jsBannerPic[2]="demo/images/sample_banner03.jpg";
/* กำหนดตัวแปร array สำหรับเก็บ ข้อความ*/
var jsBannerText=new Array();
jsBannerText[0]="Text 1";
jsBannerText[1]="Text 2";
jsBannerText[2]="Text 3";
var TimeInterV=setTimeout("swapFront()",timeSwap);
var jsKeyPic=0;
var jsEndKeyPic=(jsBannerPic.length)-1;
function swapFront(){
if(jsKeyPic<jsEndKeyPic){
jsKeyPic++;
}else{
jsKeyPic=0;
}
$("img#fadeSwapPic").animate({
opacity:0.1
},100,'',function(){
$("img#fadeSwapPic").attr("src",jsBannerPic[jsKeyPic]);
$("a#fadeSwapLink").attr("href",jsBannerLink[jsKeyPic]);
$("div#fadeSwapText").html(jsBannerText[jsKeyPic]);
$("img#fadeSwapPic").animate({
opacity:1
},500);
setTimeout("swapFront()",timeSwap);
});
}
</SCRIPT>
ของเดิมประกาศ ดิบๆ แบบนี้ เลย
/* กำหนดตัวแปร array สำหรับเก็บ ลิ้งค์*/
var jsBannerLink=new Array();
jsBannerLink[0]="http://www.google.com";
jsBannerLink[1]="http://www.hotmail.com";
jsBannerLink[2]="http://www.facebook.com";
/* กำหนดตัวแปร array สำหรับเก็บ รูปภาพ*/
var jsBannerPic=new Array();
jsBannerPic[0]="demo/images/sample_banner01.jpg";
jsBannerPic[1]="demo/images/sample_banner02.jpg";
jsBannerPic[2]="demo/images/sample_banner03.jpg";
/* กำหนดตัวแปร array สำหรับเก็บ ข้อความ*/
var jsBannerText=new Array();
jsBannerText[0]="Text 1";
jsBannerText[1]="Text 2";
jsBannerText[2]="Text 3";
ถ้าเปลี่ยนเป็นค่าที่ query จาก batabase ออกมา จะเขียน ลักษณะ แนว ไหนครับ
Tag : JavaScript, jQuery, CakePHP

|
|
 |
 |
 |
 |
Date :
2010-09-21 16:54:20 |
By :
i-nutz |
View :
1436 |
Reply :
1 |
|
 |
 |
 |
 |
|
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
var abc = ['abc', 'bcd', 'cde'];
|
 |
 |
 |
 |
Date :
2010-09-21 20:31:38 |
By :
pjgunner.com |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 05
|