ต่อไป »

[keaw7]

ตัวอย่าง หากผมต้องการเปลี่ยนรูปตอนเอา mouse ไปวางให้แสดงเป็นอีกภาพ ใน PHP ผมควรทำอย่างไรครับ
<td align="center"><?
                  if ($ad_display == 'preview' || $session->value('user_id') == $item_details['owner_id'] || $blocked_user)
                  {
                     echo '<img src="themes/' . $setts['default_theme'] . '/img/system/buy1.gif" border="0">';
                  }
                  else
                  {
                     echo '<a href="buy.php?auction_id=' . $item_details['auction_id'] . '"><img src="themes/' . $setts['default_theme'] . '/img/system/buy1.gif" border="0"></a>';
                  }
รบกวนผู้รู้ชี้แนะด้วยครับ ว่าผมควรแทรก code mouseover ให้เปลี่ยนจาก buy1.gif เป็น buy2.gif ควรวางไว้ตรงไหนแล้วควรวางในรูปแบบใด ขอบคุณครับ

[max30012540]

Php เป็นภาษาที่ทำงานฝั่ง Server ไม่เกี่ยวกับ Client ครับ (พิมพ์ถูกเปล่าหว่า)
ถ้าจะทำเปลี่ยนรูป ต้องใช้ภาษา Javascript ที่ทำงานฝั่ง Client ครับ
เครื่องมือที่ใช้ง่ายๆเลย คือ Dreamweaver ครับ ลองค้นๆในเน็ตดู มีเยอะ

หามาให้เลยละกัน
hxxp://www.hellomyweb.com/index.php/main/content/97

[seowizard]

โค๊ด:

<a href="" onMouseOver="document.MyImage.src='image2.gif';" onMouseOut="document.MyImage.src='image1.gif';"> 
<img src="image1.gif" name="MyImage"> 

</a>

[siammbk]

อันนี้ผมไกค์ให้นะคับ

ซึ่งต้องใช้ java เพราะ java ทำงานทางฝั่ง client แต่ใช้ php แสดงผลออกมาก่อน


<span id='1'>Pic 1</span><span id='2' style='display:none;'>Pic 2</span>

<input type="button" value="Point" onmouseover="document.getElementById('2').style.display='';document.getElementById('1').style.display='none';" onmouseout="document.getElementById('1').style.display='';document.getElementById('2').style.display='none';">

[MapTwoZa]

อันนี้ผมไกค์ให้นะคับ

ซึ่งต้องใช้ java เพราะ java ทำงานทางฝั่ง client แต่ใช้ php แสดงผลออกมาก่อน


<span id='1'>Pic 1</span><span id='2' style='display:none;'>Pic 2</span>

<input type="button" value="Point" onmouseover="document.getElementById('2').style.display='';document.getElementById('1').style.display='none';" onmouseout="document.getElementById('1').style.display='';document.getElementById('2').style.display='none';">

Java ทำงานฝั่ง server ครับ  
















ล้อเล่นนะคับผม

ปล. อย่าเรียก javascript ว่า java เลย มันคนละภาษากัน

[kuznetsova]

copy source code หน้า html มาจะทำให้คนอื่นช่วยดูง่ายกว่านะครับ

[Uball]

ใช้ CSS จะง่ายที่สุดครับ

HTML
<a href="#" class="buy-sign"></a>

CSS
a.buy-sign {
  background: url("/img/system/buy1.gif");
  display: inline-block;
  width: 100px;
  height: 100px;
}

a.buy-sign:hover{
  background: url("/img/system/buy2.gif");
}

คงต้องไปเพิ่มเติมอื่นๆให้เหมาะสมกับตำแหน่งนั้นอีกทีครับ แบบนี้จำเป็นต้อง load รูปมา 2 รูป อาจจะช้ากว่า ทำให้เป็นรูปเดียว แล้วใช้ background-position บังคับเอา

หวังว่าจะช่วยได้ครับ

[siammbk]

ใช้ css ก็ได้เช่นกันคับ ตามสะดวก