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 > ช่วยดูโค้ดการ slide ของภาพให้หน่อยครับ งงมากเลยครับ ไม่รู้ทำไงดี



 

ช่วยดูโค้ดการ slide ของภาพให้หน่อยครับ งงมากเลยครับ ไม่รู้ทำไงดี

 



Topic : 052521



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



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




พอดีผมทำภาพให้มันslideไปเรือยๆโดยดึงจากฐานข้อมูลมา ถ้าให้มันขึ้นบนมันก็ได้ที่ละรูปอยู่นะครับดังภาพ
1

Code (PHP)
<table width="280" height="86" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="10" style="width:6px; height:30px;"><img src="images/1.jpg" alt="" width="6" height="30" /></td>
    <td style="background-image:url(images/2.jpg); background-repeat:repeat-x; font-size:16px; height:30px; text-align:center; color:#816d5b;"><b class="title01">&#3650;&#3594;&#3623;&#3660;&#3616;&#3634;&#3614;&#3585;&#3636;&#3592;&#3585;&#3619;&#3619;&#3617;</b></td>
    <td width="9" style="width:6px; height:30px;"><img src="images/3.jpg" alt="" width="6" height="30" /></td>
  </tr>
  <tr>
    <td style="background-image:url(images/4.jpg); background-repeat:repeat-y;"></td>
    <td style="vertical-align:top;" bgcolor="#F5F4F0" height="50" width="261">
        <div style="height:1px; width:98%; background-image:url(images/line1.jpg); background-repeat:repeat-x; margin:0px auto;"></div>
      <table  width="280" border="1" bordercolor="#CCCCCC">
          <tr>
            <td width="221" height="24" align="center"><font face="TAHOMA" size="2">
              <marquee width="210" height="250" direction="up" 
		onmouseover="stop();" onmouseout="start();" 
		scrollamount="1" scrolldelay="0">
              <?
include "connect.php";
	$sql="select * from tb_photo ";
$result=mysql_db_query($dbname,$sql);
$num=mysql_num_rows($result);
	while($r=mysql_fetch_array($result)) {
			$id_photo=$r[id_photo];
			$name_photo=$r[name_photo];
	
		 echo"<a href='images_large/$name_photo' class='highslide' onclick='return hs.expand(this)'>";
	echo"<center><img src='images_large/$name_photo' alt='Highslide JS' width='150' height='150'
		title='คลิกเพื่อดูภาพขนาดใหญ่ครับ /></a></center>";?>
              <div class="highslide-caption"> </div>
                <?	  
} // while
?>
              </marquee>
              </font>
                <div class="highslide-gallery">
            </td>
          </tr>
        </table>
      <!--&#3648;&#3619;&#3636;&#3656;&#3617;&#3651;&#3626;&#3656;&#3586;&#3657;&#3629;&#3617;&#3641;&#3621;&#3605;&#3633;&#3657;&#3591;&#3649;&#3605;&#3656;&#3609;&#3637;&#3657;&#3652;&#3611; www.download.ie-mem.com-->
        <center>
        </center>
      <!--&#3592;&#3609;&#3606;&#3638;&#3591;&#3610;&#3619;&#3619;&#3607;&#3633;&#3604;&#3609;&#3637;&#3657; -->
    </td>
    <td style="background-image:url(images/6.jpg); background-repeat:repeat-y;"></td>
  </tr>
  <tr>
    <td style="width:6px; height:6px;"><img src="images/7.jpg" alt="" width="6" height="6" /></td>
    <td style="background-image:url(images/8.jpg); background-repeat:repeat-x;"></td>
    <td style="width:6px; height:6px;"><img src="images/9.jpg" alt="" width="6" height="6" /></td>
  </tr>
</table>

พอดีผมอยากเปลี่ยนให้มันslide จากขวามาซ้ายแต่มันก็มาที่เดียวทั้งแถวเลยครับ งงมากไม่รู้ทำไงให้มันที่ละรูปเป็นแนวนอนนะครับช่วยหน่อยนะครับ
2
Code (PHP)
<table width="280" height="86" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="10" style="width:6px; height:30px;"><img src="images/1.jpg" alt="" width="6" height="30" /></td>
    <td style="background-image:url(images/2.jpg); background-repeat:repeat-x; font-size:16px; height:30px; text-align:center; color:#816d5b;"><b class="title01">&#3650;&#3594;&#3623;&#3660;&#3616;&#3634;&#3614;&#3585;&#3636;&#3592;&#3585;&#3619;&#3619;&#3617;</b></td>
    <td width="9" style="width:6px; height:30px;"><img src="images/3.jpg" alt="" width="6" height="30" /></td>
  </tr>
  <tr>
    <td style="background-image:url(images/4.jpg); background-repeat:repeat-y;"></td>
    <td style="vertical-align:top;" bgcolor="#F5F4F0" height="50" width="261">
        <div style="height:1px; width:98%; background-image:url(images/line1.jpg); background-repeat:repeat-x; margin:0px auto;"></div>
      <table  width="280" border="1" bordercolor="#CCCCCC">
          <tr>
            <td width="221" height="24" align="center"><font face="TAHOMA" size="2">
              <marquee width="210" height="250" direction="left" 
		onmouseover="stop();" onmouseout="start();" 
		scrollamount="1" scrolldelay="0">
              <?
include "connect.php";
	$sql="select * from tb_photo ";
$result=mysql_db_query($dbname,$sql);
$num=mysql_num_rows($result);
	while($r=mysql_fetch_array($result)) {
			$id_photo=$r[id_photo];
			$name_photo=$r[name_photo];
	
		 echo"<a href='images_large/$name_photo' class='highslide' onclick='return hs.expand(this)'>";
	echo"<center><img src='images_large/$name_photo' alt='Highslide JS' width='150' height='150'
		title='คลิกเพื่อดูภาพขนาดใหญ่ครับ /></a></center>";?>
              <div class="highslide-caption"> </div>
                <?	  
} // while
?>
              </marquee>
              </font>
                <div class="highslide-gallery">
            </td>
          </tr>
        </table>
      <!--&#3648;&#3619;&#3636;&#3656;&#3617;&#3651;&#3626;&#3656;&#3586;&#3657;&#3629;&#3617;&#3641;&#3621;&#3605;&#3633;&#3657;&#3591;&#3649;&#3605;&#3656;&#3609;&#3637;&#3657;&#3652;&#3611; www.download.ie-mem.com-->
        <center>
        </center>
      <!--&#3592;&#3609;&#3606;&#3638;&#3591;&#3610;&#3619;&#3619;&#3607;&#3633;&#3604;&#3609;&#3637;&#3657; -->
    </td>
    <td style="background-image:url(images/6.jpg); background-repeat:repeat-y;"></td>
  </tr>
  <tr>
    <td style="width:6px; height:6px;"><img src="images/7.jpg" alt="" width="6" height="6" /></td>
    <td style="background-image:url(images/8.jpg); background-repeat:repeat-x;"></td>
    <td style="width:6px; height:6px;"><img src="images/9.jpg" alt="" width="6" height="6" /></td>
  </tr>
</table>

ขอบคุณครับ



Tag : PHP, MySQL, PostgreSQL









ประวัติการแก้ไข
2010-12-01 16:27:30
2010-12-01 16:28:18
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2010-12-01 16:25:38 By : fresh View : 1972 Reply : 4
 

 

No. 1

Guest


จับใส่ตารางเลยครับ ให้ลูปเฉพาะแท็ก td

สมัครสมาชิกไม่ได้อะเซ็ง
Code
<table width="280" height="86" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10" style="width:6px; height:30px;"><img src="images/1.jpg" alt="" width="6" height="30" /></td>
<td style="background-image:url(images/2.jpg); background-repeat:repeat-x; font-size:16px; height:30px; text-align:center; color:#816d5b;"><b class="title01">&#3650;&#3594;&#3623;&#3660;&#3616;&#3634;&#3614;&#3585;&#3636;&#3592;&#3585;&#3619;&#3619;&#3617;</b></td>
<td width="9" style="width:6px; height:30px;"><img src="images/3.jpg" alt="" width="6" height="30" /></td>
</tr>
<tr>
<td style="background-image:url(images/4.jpg); background-repeat:repeat-y;"></td>
<td style="vertical-align:top;" bgcolor="#F5F4F0" height="50" width="261">
<div style="height:1px; width:98%; background-image:url(images/line1.jpg); background-repeat:repeat-x; margin:0px auto;"></div>
<table width="280" border="1" bordercolor="#CCCCCC">
<tr>
<td width="221" height="24" align="center"><font face="TAHOMA" size="2">
<marquee width="210" height="250" direction="left"
onmouseover="stop();" onmouseout="start();"
scrollamount="1" scrolldelay="0">
<?
include "connect.php";
$sql="select * from tb_photo ";
$result=mysql_db_query($dbname,$sql);
$num=mysql_num_rows($result);
?>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<?
while($r=mysql_fetch_array($result)) {
$id_photo=$r[id_photo];
$name_photo=$r[name_photo];
?>
<td>
<a href='images_large/<?= $name_photo; ?>' class='highslide' onclick='return hs.expand(this)'>
<img src='images_large/<?= $name_photo; ?>' alt='Highslide JS' width='150' height='150' title='คลิกเพื่อดูภาพขนาดใหญ่ครับ' /></a>
<div class="highslide-caption"> </div>
</td>
<?
} // while
?>
</marquee>
</font>
<div class="highslide-gallery">
</td>
</tr>
</table>
<!--&#3648;&#3619;&#3636;&#3656;&#3617;&#3651;&#3626;&#3656;&#3586;&#3657;&#3629;&#3617;&#3641;&#3621;&#3605;&#3633;&#3657;&#3591;&#3649;&#3605;&#3656;&#3609;&#3637;&#3657;&#3652;&#3611; www.download.ie-mem.com-->
<center>
</center>
<!--&#3592;&#3609;&#3606;&#3638;&#3591;&#3610;&#3619;&#3619;&#3607;&#3633;&#3604;&#3609;&#3637;&#3657; -->
</td>
<td style="background-image:url(images/6.jpg); background-repeat:repeat-y;"></td>
</tr>
<tr>
<td style="width:6px; height:6px;"><img src="images/7.jpg" alt="" width="6" height="6" /></td>
<td style="background-image:url(images/8.jpg); background-repeat:repeat-x;"></td>
<td style="width:6px; height:6px;"><img src="images/9.jpg" alt="" width="6" height="6" /></td>
</tr>
</table>







แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-12-02 10:02:30 By : คั่วกลิ้ง
 


 

No. 2



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

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

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

ติดต่อพี่วินเลยครับ เรื่องสมัครไม่ได้เนี่ย
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-12-02 10:27:04 By : Dragons_first
 

 

No. 3



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



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


ลอง ทำ Jquery ดูครับhttp://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/


ประวัติการแก้ไข
2010-12-02 11:03:42
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-12-02 11:01:56 By : noizeless
 


 

No. 4



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

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

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



Go to : prettyPhoto jQuery lightbox SlideShow สร้าง lightbox ทำ Gallery ด้วย prettyPhoto

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

Go to : Popup Fancybox jQuery and PHP Mysql สร้างกล่อง Fancybox ทำงานร่วมกับ PHP และ MySQL
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-10-28 21:19:48 By : webmaster
 

   

ค้นหาข้อมูล


   
 

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