|
 |
| |
อยากให้ภาพที่ใช้ fancybox ให้พอดีกับทุกความละเอียดหน้าจอ |
| |
 |
|
|
 |
 |
|
อยากให้ภาพที่ใช้ fancybox ให้พอดีกับทุกความละเอียดหน้าจอ ผมใช้ html ใส่รูปภาพไว้
Code (PHP)
<div align="center">
<img border="0" src="images/artwan.jpg" width="550" height="387"></div>
และใช้ fancybox กำหนดเป็น
Code (PHP)
<script type="text/javascript">
$(document).ready(function () {
$.fancybox({
'width': '62%',
'height': '82%',
'autoScale': true,
'transitionIn': 'fade',
'transitionOut': 'fade',
'type': 'iframe',
'href': 'alert.html'
});
});
</script>
ต้องแก้ไขยังไงครับผม
Tag : PHP, MySQL, HTML/CSS, JavaScript, Ajax, jQuery
|
|
|
 |
 |
 |
 |
| Date :
2013-03-11 12:03:12 |
By :
artwan |
View :
886 |
Reply :
6 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ลองแบบนี้ดูครับ
<img border="0" src="images/artwan.jpg" width="100%" height="100%">
** แต่รูปคุณจะเสียสัดส่วนน่ะครับ
|
| |
|
|
| |
| Date :
2013-03-11 12:21:29 |
By :
mangkunzo |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
image ครับ ต้องการให้พอดีกับทุกความละเอียดหน้าจอครับผม
|
| |
|
|
| |
| Date :
2013-03-11 16:13:37 |
By :
artwan |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
แต่ระวัง หน้าจอแต่ละคนไม่เท่ากัน แสดงผลอาจจะไม่เหมือนกัน แนะนำ ทดลอง 2 อย่าง หรือกำหนด fixed ซึ่งผมได้เจอแบบนี้มาแล้ว
<script type="text/javascript">
$(document).ready(function () {
$.fancybox({
'width': '62%',//เปลี่ยนตรงนี้
'height': '82%',//เปลี่ยนตรงนี้
'autoScale': true,
'transitionIn': 'fade',
'transitionOut': 'fade',
'type': 'iframe',
'href': 'alert.html'
});
});
</script>
|
| |
|
|
| |
| Date :
2013-03-12 09:54:47 |
By :
weaned |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 02
|
