|
 |
| |
จะทำแรกของเว็บ ให้ขึ้น popup เป็นรูปภาพกลางจอ ส่วนพื้นหลังเป็นภาพโปร่งใส เห็นข้อมูลเว็บได้เล็กน้อยน่ะค่ะ ไม่ทราบว่าทำยังไงอ่ะค่ะ |
| |
 |
|
|
 |
 |
|
ประมาณนี้เเหละค่ะ แต่จะเอาไว้ใช้ที่หน้าแรกของเว็บนะค่ะ พอดีจะทำเว็บวันพ่อค่ะ
|
 |
 |
 |
 |
| Date :
2012-12-03 10:42:23 |
By :
JuNiorWP |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ปกติ fancy box จะทำงานได้โดยการคลิกที่ลิงค์ที่เราสร้างขึ้นไว้
แต่ถ้าจะให้ pop up เกิดขึ้นโดยอัติโนมัติ เวลาหน้าเว็บโหลด ก็ต้้องใช้ฟังก์ชั่น trigger(); เข้าช่วย
ผมทำตัวอย่างโค้ดไว้ให้ ลองไปดาวโหลดดูได้ที่
http://www.mineinc.net/qa/file/2012/12/03/file1.html
สุขสันต์วันพ่ิอครับ
|
ประวัติการแก้ไข
2012-12-03 11:03:51
| |
|
|
| |
| Date :
2012-12-03 11:02:17 |
By :
dreamlover |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ลองใส่ไปแล้วค่ะ แต่ว่ามันไปอยู่ด้านหลังของ flash ที่อยู่ส่วน header ของเว็บอ่ะค่ะ
|
| |
|
|
| |
| Date :
2012-12-03 13:58:48 |
By :
JuNiorWP |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
แล้วอยากจะเพิ่มปุ่ม Close ต้องทำอย่างไรค่ะ และถ้าจะเพิ่มลิงค์เข้าไปในรูปภาพ ทำได้หรือป่าวค่ะ :)
|
ประวัติการแก้ไข
2012-12-03 16:58:31
| |
|
|
| |
| Date :
2012-12-03 16:41:36 |
By :
JuNiorWP |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
จากโค้ดที่ผมให้ไปตอนแรก ให้เพิ่มสองบรรทัดล่างสุด ตามโค้ดข้างล่างนี้
ระวัังอย่าใส่เครื่องหมาย comma ',' ตรงบรรทัดสุดท้ายนะครับ โค้ดจะไม่ทำงาน
Code (JavaScript)
$('#content').fancybox({
'opacity' : true,
'width' : '75%',
'height' : '75%',
'titlePosition' : 'inside',
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'showCloseButton' : true,
'onComplete' : function(){ window.location.href = 'https://www.thaicreate.com'}
});
$('#content').trigger('click');
สำหรับปัญหาวัตถุบนหน้าเว็บซ้อนกัน แก้ไขโดยให้กำหนด z-index ให้กับวัตถุนั้น ไว้ที่ CSS
z-index ที่มีค่ามากกว่าจะทำให้วัตถุนั้นอยู่ด้านบน ในกรณีที่มีการซ้อนทับกัน
Code (JavaScript)
<style>
#content {
z-index:10;
}
</style>
|
| |
|
|
| |
| Date :
2012-12-04 06:49:05 |
By :
dreamlover |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 01
|
