เกี่ยวกับบทความ GCrossFade
ผมทำตามบทความของ GCrossFade น่ะครับ สามารถให้ภาพ slide โชว์ได้แล้ว แต่ติดตรงที่ว่า ผมจะมี รุปภาพเล็กๆใต้ slide โชว์ด้วย โดยจะให้สามารถ กดที่ภาพเล็กนั่นแล้วไปแทนที่ภาพที่กำลัง slide โดยใช้คำสั่งนี้
$E('SlideShow').innerHTML="<img src=\"images/wait.gif\" width=\"50\" height=\"50\" vspace=\"12\" />";
new preload(picsrc+'?' + new Date().getTime()
, function(){$E('SlideShow').innerHTML = '<img src="'+picsrc+'" width="550" height="333" vspace="12" />';
});
โดย SlideShow คือ พื้นที่ที่ภาพกำลัง slide และ picsrc คือ ภาพที่คลิ๊กเพื่อต้องการโชว์รุป แล้วทีนี้พอโชว์ ผมอยากให้ภาพมัน slide โชว์ต่อไป ต้องทำไงครับ ผมลอง เรียก คำสั่งนี้ใหม่
$G('SlideShow').Ready(function(){
ss = new GCrossFade('SlideShow',{'loop':true,'speed':5,'auto':true,'onChanged':function(){
}});
ss.pictures(pics.join(','));
});
แต่ดูเหมือนว่ามันจะ new object ขึ้นมาใหม่ทำให้ภาพ slide show ซ้อนกันน่ะครับ
มันจะมีทาง ให้ภาพ silde show ได้รึป่าวครับ หรือ ลบ object เก่าทิ้งไปครับ
แต่โดยปกติแล้ว ผมจะไม่ใช้ วิธีนี้ครับ เพราะมันควบคุมได้ไม่ค่อยดังใจครับ
วิธีที่แนะนำคือ
1. กำหนดรูป 2 รูป
2. ให้รูปหนึ่ง fadeIn และอีกรูป fadeOut ด้วย GFade ครับ
3. ส่วนการแสดงรูปเล็กๆ ผมใช้ VScroll หรือ HScroll ครับ
ถ้าอยากได้ ลองไปหาวิธีแกะดูที่ car.g-th.com หรือ store.goragod.com ดูครับ
ไม่ได้แจก แต่ถ้ามีความสามารถ ก็แกะไปละกัน....