Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > จากที่เคยลองทำ เปลี่ยน Background ตามที่เอาเม้าท์ชี้ ตามโค้ดข้างล่างนี้ แต่มีปัญหาว่า



 

จากที่เคยลองทำ เปลี่ยน Background ตามที่เอาเม้าท์ชี้ ตามโค้ดข้างล่างนี้ แต่มีปัญหาว่า

 



Topic : 027210

Guest




จากที่เคยลองทำ เปลี่ยน Background ตามที่เอาเม้าท์ชี้ ตามโค้ดข้างล่างนี้ แต่มีปัญหาว่า อยากจะให้รูปมันโหลดไปก่อน3 รูป เลยตอนเปิดหน้า page เพราะตามโค้ดนี้ รูปมันจะโหลดออกมาก็ต่อเมื่อ เราเอาเม้าท์ชี้ คือต้องรอมันโหลดอีก มีวิธีไหมคะ ขอบคุณมากค่ะ

<script language="JavaScript">
function changeBGImage(img){
document.getElementById('id_bg').style.background = "url("+img+")";
}
</script>

<table width="100%">
<tr>
<td height="400" id="id_bg" style="background:url(images/article1.png)"></td> // เอาให้ background มาใส่ในช่องนี้
</tr>
</table>

<a onmouseover="javascript:changeBGImage('images/acticle1.png')" class="text_over">acticle1</a>
<a onmouseover="javascript:changeBGImage('images/acticle2.png')" class="text_over">acticle2</a>
<a onmouseover="javascript:changeBGImage('images/acticle3.png')" class="text_over">acticle3</a>



Tag : - - - -







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2009-05-11 12:01:15 By : นิทาน View : 1801 Reply : 6
 

 

No. 1



โพสกระทู้ ( 1,463 )
บทความ ( 1 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Blogger

ลองใช้วิธีของผมดูครับ
Code Javascript
<script language="JavaScript">
function changeBGImage(img){
document.getElementById('id_bg').style.background = "url('"+img+"')";
}
window.onload = function(){
var warehouse = document.getElementById('image_warehouse');
document.getElementById('image_warehouse').innerHTML =
'<img src="images/acticle1.png" />'+
'<img src="images/acticle2.png" />'+
'<img src="images/acticle3.png" />';
warehouse.style.display='none';
}
</script>

<table width="100%">
<tr>
<td height="400" id="id_bg" style="background:url(images/article1.png)"></td> // เอาให้ background มาใส่ในช่องนี้
</tr>
</table>

<a onmouseover="javascript:changeBGImage('images/article1.png')" class="text_over">acticle1</a>
<a onmouseover="javascript:changeBGImage('images/article2.png')" class="text_over">acticle2</a>
<a onmouseover="javascript:changeBGImage('images/article3.png')" class="text_over">acticle3</a>
<div id="image_warehouse" ></div>


ถ้าไม่สำเร็จลองอีกวิธี

<style type="text/css>
/*<![CDATA[*/
#image_warehouse {display:none}
/*]]>*/
</style>
<script language="JavaScript">
function changeBGImage(img){
document.getElementById('id_bg').style.background = "url('"+img+"')";
}
</script>

<table width="100%">
<tr>
<td height="400" id="id_bg" style="background:url(images/article1.png)"></td> // เอาให้ background มาใส่ในช่องนี้
</tr>
</table>

<a onmouseover="javascript:changeBGImage('images/article1.png')" class="text_over">acticle1</a>
<a onmouseover="javascript:changeBGImage('images/article2.png')" class="text_over">acticle2</a>
<a onmouseover="javascript:changeBGImage('images/article3.png')" class="text_over">acticle3</a>
<div id="image_warehouse" >
<img src="images/article1.png">
<img src="images/article2.png">
<img src="images/article3.png">
</div>


อีกวิธีอ่านที่ http://articles.techrepublic.com.com/5100-10878_11-5214317.html ละกันครับ






Date : 2009-05-11 12:54:16 By : num
 


 

No. 2



โพสกระทู้ ( 11,835 )
บทความ ( 10 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


ใช้ MM_preloadImages ใน onload ของ body โหลดรูปมาเก็บไว้ให้หมด หาเอาเองขี้เกียจคุ้ย
Date : 2009-05-11 13:20:27 By : plakrim
 

 

No. 3



โพสกระทู้ ( 1,463 )
บทความ ( 1 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Blogger

ไปค้นตัวอย่างมาครับ
http://www.yimwhan.com/board/show.php?user=zalimcode&topic=6&Cate=7
function MM_ เป็นของ macromedia dreamweaver ใช่ป่าวครับ
ผมก็งงๆ ว่าเค้าเอา function มาจากไหนมาใช้กันตั้งนาน
Date : 2009-05-11 13:41:34 By : num
 


 

No. 4

Guest


ลองใส่ <div id="image_warehouse" > แล้ว รูปมันยังรอโหลดอยู่เลยค่ะ
Date : 2009-05-11 15:21:24 By : นิทาน
 


 

No. 5



โพสกระทู้ ( 1,463 )
บทความ ( 1 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Blogger

ลองไปอีกแบบครับ
<script type="text/javascript">
if (document.images) {
    img1 = new Image();
    img1.src = "images/article2.png";
    img2 = new Image();
    img2.src = "images/article3.png";
}
</script>


แล้วก็ไม่รู้ผมพิมพ์ชื่อรูปภาพถูกป่าวนะครับ เห็นมีสองชื่อครับ acticle1.png กับ article1.png
Date : 2009-05-11 16:27:55 By : num
 


 

No. 6

Guest


อยากได้โค้ดการเปลี่ยนสีตัวอักษรเมื่อเอาเม้าชี้ ที่คำว่าสีแดงแล้ว คำอื่นเปลี่นสีตามที่เม้าชี้ ใครช่วยตอบที่
Date : 2010-08-21 12:50:19 By : มะเหวิงจัง
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : จากที่เคยลองทำ เปลี่ยน Background ตามที่เอาเม้าท์ชี้ ตามโค้ดข้างล่างนี้ แต่มีปัญหาว่า
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 00
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่