รบกวนถามถึงการทำ Swap Image ใน free blog ครับ

[nuttavutta]

รบกวนถามครับ คืออยากทำ Swap image  ลงใน Free BLOG ครับเลยใช้ Dreamweaverช่วยทำ(เขียนเองไม่เป็น)  และ Copy code ส่วน Head และ Body ซึ่งเป็นส่วนของ JSP และ CSS ลงใน  Blog แต่พอดู BLOG มันไม่ได้ทำ Swap image ให้ไม่รู้ว่าทำไมครับ

[webmaster]

ถ้าอยู่ใน blog ต้องตรวจสอบในเรื่องของ path ของ js และ image ให้ดีครับ
ลองสังเกตุง่ายๆ ให้เปิดเว็บจาก ie แล้วถ้ามี icon เล็กๆที่มุมล่างซ้ายฟ้อง error แสดงว่า script ทำงานผิดพลาด! ลองตรวจสอบดูครับ  

[nuttavutta]

ไม่รู้ว่าที่ Run ไม่ได้มันกับตรงนี้หรือปล่าคือมี Tag ที่เวลา Save ลงไปแล้วมันเปลี่ยนจาก ' เป็น '
เข้าใจว่ามีความหมายเดียวกันแต่มันทำให้ Run ไม่ได้หรือเปล่าครับ

ตัวอย่าง CODE ครับ

 CODE ที่ COPY จาก  Dream weaver  ก่อนใส่ลงใน BLOG
<div id='apDiv2' onmouseover='MM_swapImage(‘aaa’,’’,’http://xn--12c6cez7ezb.net/images/97883846935920642575.gif’,1)'><img height='59' id='aaa' name='aaa' src='http://xn--12c6cez7ezb.net/images/72987534708850112365.gif' width='168'/>&#39; </div>

CODE หลังจาก Paste และ Save BLOG แล้วกลับเป็นอย่างนี้
<div id='apDiv2' onmouseover='MM_swapImage(&apos;aaa&apos;,&apos;&apos;,&apos;http://xn--12c6cez7ezb.net/images/97883846935920642575.gif&apos;,1)'><img height='59' id='aaa' name='aaa' src='http://xn--12c6cez7ezb.net/images/72987534708850112365.gif' width='168'/>&#39; </div>

[webmaster]

ใช้ script อะไรในการสร้าง blog ครับ เท่าที่ดูจากโค้ดระบบไม่อนุญาตให้ใช้ html หรือยังไม่ได้เปิดให้ใช้งานได้

[nuttavutta]

ใช้ script อะไรในการสร้าง blog ครับ เท่าที่ดูจากโค้ดระบบไม่อนุญาตให้ใช้ html หรือยังไม่ได้เปิดให้ใช้งานได้

ช่วยอธิบายเพิ่มที่ว่าระบบโค้ดระบบไม่อนุญาตให้ใช้ html หรือยังไม่ได้เปิดให้ใช้งานได้หน่อยได้ไหมครับ
คือเท่าที่รู้นะครับเพราะใช้ free Blog ส่วนใหญ่ก็ใช้ Html จะมีใช้ CSS บ้างแต่ใน Blog ไม่ค่อยใช้ JSP เท่าไร ถ้าจะทำ SWAP image นี่ต้องใข้ script JSP ด้วยเลยลองใส่เข้าไป แต่มันก็ไม่ Work ครับ

[webmaster]

ถ้าเป็น free blog ส่วนใหญ่จะไม่อนุญาตให้ใช้ html หรือถ้าใช้ได้อาจจะเป็นบางคำสั่ง ลองดูเงื่อนไขของผู้ให้บริการดูครับ 

[BlackDev]

ผมมีสองแบบนะครับ ไม่รู้จะตอบตรงคำถามรึป่าวแต่ก็แนะนำนะไปแล้วกันนะครับ
1.เป็นแบบจาวาสคริปต์ใช้กับ <img>
ตัวอย่างนะครับ <img src="1.jpg" onmouseover="this.src=\"2.jpg\"" onmouseout="this.src=\"1.jpg\"">
อันนี้เป็นการเปลี่ยนรูปเวลาเอาเมาส์ชี้นะครับ(Swap เหมือนกันนะ อิอิ)

2.ใช้ CSS เอานะครับ
ส่วนของ HTML
<div id="test"></div>
-------------------------------------
ส่วนของ CSS
#test{ background:url(1.jpg); } //ตอนแรกกำหนดให้แสดงพื้นหลังแบบนี้
#test:hover{  background:url(2.jpg); } //พอเอาเมาส์ชี้ก็จะเปลี่ยนรูปให้ละครับ