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,037

HOME > PHP > PHP Forum > อยากทำแบบว่าพอเอาเมาส์ไปชี้ที่รูปแล้ว มีข้อความชื่อรูปนั้นแสดงขึ้นมาบนรูปครับ ต้องทำยังไงครับ



 

อยากทำแบบว่าพอเอาเมาส์ไปชี้ที่รูปแล้ว มีข้อความชื่อรูปนั้นแสดงขึ้นมาบนรูปครับ ต้องทำยังไงครับ

 



Topic : 110168



โพสกระทู้ ( 545 )
บทความ ( 0 )



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




code ที่เขียนตอนนี้นี้เป็นการแสดงรูปที่ต้องการครับ
Code (PHP)
<style type="text/css">
.imgtransparent
{
opacity:1.0; /* ค่าความจาง */
filter:alpha(opacity=100); /* สำหรับ IE8 ขึ้นไป */
}
.imgtransparent:hover
{
opacity:0.4; /* ค่าความจาง */
filter:alpha(opacity=40); /* สำหรับ IE8 ขึ้นไป */
}
</style>

<?
		$strSQL = "SELECT idp,title,samplepic,createon,counter FROM smeweb_catalog WHERE category=59 and recom=1 and recom3=0 and notshow=0 order by createon desc limit 12";
		$objQuery = mysql_query($strSQL);
		echo"<table border=\"0\"  cellspacing=\"0\" cellpadding=\"0\" align=center  width=940><tr>";
		$intRows = 0;
		$num = 1; while($objResult = mysql_fetch_array($objQuery))
		{
			echo "<td valign=\"top\">"; 
			$intRows++;
			?>
			<?
            ?>
	<table width="156" border="0" cellpadding="0" cellspacing="0">
	<tr>
	<td width="156" align="canter">
    <br>
    <center><a href="news<?=$objResult["idp"];?>.html" target="_blank" title="<?=$objResult["title"];?>"><img class="imgtransparent" src="images/thumb_<?=$objResult["samplepic"];?>" border="0" width="140" height="210"></a></center>
    <center><img src="tp/new.gif"></center>
    </td></tr></table>
	<?
			echo"</td>";
			if(($intRows)%6==0)
			{
				echo"</tr>";
			}
		$num++;}
		echo"</tr></table>";
	?>



ชื่อที่ใช้แสดงดึงจากฐานข้อมูลชื่อ title ครับผม



Tag : PHP, MySQL







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2014-07-24 11:21:12 By : tangsupap View : 855 Reply : 5
 

 

No. 1



โพสกระทู้ ( 484 )
บทความ ( 3 )



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


ศึกษา jquery tooltip ครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-07-24 11:40:15 By : fossil31
 


 

No. 2



โพสกระทู้ ( 484 )
บทความ ( 3 )



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


Search จาก Google ด้วย keyword มีให้เลือกเยอะครับ

Best jQuery Tooltip
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-07-24 11:41:37 By : fossil31
 

 

No. 3



โพสกระทู้ ( 545 )
บทความ ( 0 )



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


อยากได้แบบ ว่ามีข้อความอยู่ในรูปเลยอะครับ

1
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-07-24 15:01:57 By : tangsupap
 


 

No. 4



โพสกระทู้ ( 484 )
บทความ ( 3 )



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


<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS Hover</title>
<style>
body{margin:100px;padding:0;}
ul{list-style:none;position:relative;margin:0;padding:0}
li{overflow:hidden;}
li:hover div{display:block;}
li > div > div {margin-top:-200px;padding:0;position:absolute;background:#009900;width:300px;height:100%;z-index:2;opacity:.3;display:none;}
li a{margin:20px;text-decoration:none;color:#fff;position:absolute;}
</style>
</head>
<body>
<ul>
<li>
<div>
<img src="img/test.jpg" width="300" height="190" border="0" alt="">
<div>
<a href="">Details Details</a>
</div>
</div>
</li>
<ul>
</body>
</html>


ถ้าจะให้ fade ด้วยลองดูตัวอย่าง
http://css3.bradshawenterprises.com/cfimg/
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-07-24 17:11:06 By : fossil31
 


 

No. 5



โพสกระทู้ ( 484 )
บทความ ( 3 )



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


Screen
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-07-24 17:12:11 By : fossil31
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : อยากทำแบบว่าพอเอาเมาส์ไปชี้ที่รูปแล้ว มีข้อความชื่อรูปนั้นแสดงขึ้นมาบนรูปครับ ต้องทำยังไงครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 01
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 อัตราราคา คลิกที่นี่