Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

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

รบกวนช่วยทีครับ เกี่ยวกับ การแสดงรูปภาพครับมันไม่ขั้นครับ ไม่รู้ว่าผิดตรงไหนหรือป่าวครับ

เริ่มหัวข้อใหม่

โปรแกรมมั่ว

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

Code (PHP)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title></title>
       
<script language="javascript" src="jquery-1.5.1.min.js"></script>
<script type="text/javascript">
$(function(){
	function drag_me(name){
		$(name).css({
			position:"absolute",
			cursor:"move"
		});
		$(name).mousedown(function(event){
			var locateX=event.pageX;
			var locateY=event.pageY;	
			var obj_locateX=$(this).offset().left;
			var obj_locateY=$(this).offset().top;		
			var diff_x=locateX-obj_locateX;	
			var diff_y=locateY-obj_locateY;			
			$(this).css("opacity",0.3).mousemove(function(event){
				locateX=event.pageX;
				locateY=event.pageY;	
				obj_locateX=$(this).offset().left;
				obj_locateY=$(this).offset().top;				
				new_locateX=locateX-diff_x;;		
				new_locateY=locateY-diff_y;							
				$(this).css({
					left:new_locateX,
					top:new_locateY
				}).bind("mouseup mouseout",function(){		
					$(this).css("opacity",1);
					$(this).unbind("mousemove");		
				});					
			});
		});
	}	
	
// การใช้งาน กำหนด selector วัตถุที่ต้องการ
// ในตัวอย่างคือ div ที่มี id เท่ากับ myblock			
drag_me("div#myblock");
});
</script>

</head>
 
    <body>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr valign="top">
                <td class="bg-l" height="200" width="20%"></td>
                <td>
 
                    <table width="" border="0" align="center" cellpadding="0" cellspacing="0" style="background-color:#FFFFFF; border:#DBDBDB solid 1px;">
                        <tr>
                            <td colspan="2" valign="top">
                                <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
                                    <tr>
                                        <td style="background-image:url(http://www.dtec.ac.th/dtec/dtecmovement/headerimg.jpg); height:200px"><img width="960" height="320" /></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="rowbg2" style="background-image:url(http://www.thainepta.com/images/bg-nav.png); height:27px"> <a href="http://www.dtec.ac.th">หน้าหลัก</a> |<a href="http://www.dtec.ac.th/index.php?option=com_content&amp;view=article&amp;id=46&amp;Itemid=53">ประวัติวิทยาลัย</a>|<a href="http://www.dtec.ac.th/index.php?option=com_content&amp;view=article&amp;id=47&amp;Itemid=54"> วิสัยทัศน์</a>| <a href="http://www.dtec.ac.th/dtec/boss/ceo.htm">คณะผู้บริหาร</a>| <a href="http://www.dtec.ac.th/dtec/presonal/personnel.html">บุคลากร</a> | <a href="http://www.v-cop.net/useradmin/index.php">บันทึกข้อมูล V-COP</a> | <a href="http://www.v-cop.net/">หางาน สมัครงาน|</a> <a href="http://boc.vec.go.th/">ความร่วมมือกับสถานประกอบการ</a> |</div>                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <!-- Menu Left -->
                            <td valign="top">
                                <!-- Contents -->
                                <table width="950" border="0" align="center" cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td valign="top">&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td valign="top">&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td valign="top">
                                            <div id="contents" style="min-height:500px">
                                                
 
<input type="hidden" name="id" value="35" />
 
<table border="0" cellpadding="4" cellspacing="1" align="center" width="700">
    <tr>
        <td bgcolor="#FFCCFF"><h3>
          <center>
          <p align="center" class="style12"><br />
          สาขาวิชาคอมพิวเตอร์ธุรกิจ<br />
          ตามโครงการจัดหาผู้เชี่ยวชาญ ผู้ชำนาญการด้านภาษาต่างประเทศ<br />
            และกลุ่มอาชีพมาถ่ายทอดความรู้และประสบการณ์
</p>
          </center>
        </h3>          </td>
    </tr>
</table>
<br>
<table width="753" height="425" border="0" align="center" cellpadding="4" cellspacing="1" id="gallery">
    <tr>
                <td width="134">
            <div style="border:#999999 solid 1px;background:#F9F9F9;width:120px;height:120px;text-align:center;padding:5px">
                <a href='image/thrum/1.JPG'class="thickbox">
                    <img src="image/image/1.JPG" width="120" height="120" border="0" align="middle"/>                </a><p class="TableHeadingCalendar">            </div>        </td>
 
            <td width="1">        <td width="134">
            <div style="border:#999999 solid 1px;background:#F9F9F9;width:120px;height:120px;text-align:center;padding:5px">
                <a href='image/thrum/2.JPG'class="thickbox">
                    <img src="image/image/2.JPG" width="101" height="116" border="0" align="middle"/>                </a><p class="TableHeadingCalendar">            </div>
        </td>
 
            <td width="1">        <td width="134">
            <div style="border:#999999 solid 1px;background:#F9F9F9;width:120px;height:120px;text-align:center;padding:5px">
                <a href='image/thrum/3.JPG'target="_blank"class="thickbox">
                    <img src="image/image/3.JPG" width="120" height="124" border="0" align="middle"/>                </a>            </div>
        </td>
 
            <td width="1">        <td width="134">
            <div style="border:#999999 solid 1px;background:#F9F9F9;width:120px;height:120px;text-align:center;padding:5px">
                <a href='image/thrum/4.JPG'target="_blank"class="thickbox">
                    <img src="image/image/4.JPG" width="120" height="122" border="0" align="middle"/>                </a>            </div>
        </td>
 
            <td width="1">        <td width="131">
            <div style="border:#999999 solid 1px;background:#F9F9F9;width:120px;height:120px;text-align:center;padding:5px">
                <a href='image/thrum/5.JPG'target="_blank"class="thickbox">
                    <img src="image/image/5.JPG" width="120" height="123" border="0" align="middle"/>                </a>            </div>

Tag : PHP, jQuery

Date : 2012-08-10 15:11:48

By : buraratn

View : 927

Reply : 5

No. 1

โปรแกรมมั่ว

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

อันนี้ ไฟล์ที่ใช้ครับ ไม่รู้ว่าใช้อันไหนเลยก็อปมาหมดเลยครับ

Date : 2012-08-10 15:14:55

By : buraratn

No. 2

โปรแกรมมั่ว

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

มีรูปแบบนี้ครับ

เมื่อคลิกแล้วอยากให้เป็นแบบนี้ครับ

Date : 2012-08-10 15:24:33

By : buraratn

No. 3

โปรแกรมมั่ว

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

ลืมครับ ใช้อีกไฟล์ thickbox.css ในfoder css น่าจะใช้ตัวนี้ละครับ

Date : 2012-08-10 17:12:25

By : buraratn

No. 4

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

ลองใช้ ColorBox ดูครับ

Go to : ColorBox jQuery Images SlideShow ทำ Gallery แบบ สไลด์รูปภาพแสดงภาพเปลี่ยนไปเรื่อยๆ

Date : 2012-08-13 09:00:13

By : mr.win

No. 5

โปรแกรมมั่ว

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

ขอบคุณครับ ผมไม่ได้ใช้ฐานข้อมูลครับ แต่น่าจะดัดแปลงได้ครับ แต่ ไฟล์ css ผมไม่มีไฟล์ css Code (PHP)

<link media="screen" rel="stylesheet" href="colorbox.css" />
05.
<script type="text/javascript" src="scripts/jquery.min.js"></script>
06.
<script type="text/javascript" src="colorbox/jquery.colorbox.js"></script>
07.
<script type="text/javascript">

Date : 2012-08-13 15:58:16

By : buraratn

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : รบกวนช่วยทีครับ เกี่ยวกับ การแสดงรูปภาพครับมันไม่ขั้นครับ ไม่รู้ว่าผิดตรงไหนหรือป่าวครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก