อยากทำแบบนี้อ่ะครับ มีรูป ต้องทำไงอ่ะครับ อยากได้ๆๆๆๆๆ

longhon

อยากทำแบบนี้อ่ะครับ มีรูป ต้องทำไงอ่ะครับ อยากได้ๆๆๆๆๆ เป็นแบบว่าโชว์รูปที่มีการแสดงโพสต์ล่าสุด ให้อยู่หน้าแรกอ่ะครับ ขอผู้รู้ช่วยทีครับ ขอบคุณล่วงหน้าครับ 55555+ {:15_672:}

jack1356

ดรีม ทำได้เลยคับเลือก ข้อมูล แบบ TAB หรือ อีกอย่าง  หาโคด ajax+php  มาแก้ใช้ได้เลย เคยทำอยู่

longhon

ช่วยชี้แนะให้กระจ่างได้ไหมครับ ยังงอยู่ดี มีโค้ดสำเร็จรูปให้เลยไหมครับ

arezapper

-0- น่าสนครับ
คล้ายๆกับ Toplist -0-

jack1356

1. <style type="text/css">
   
2. #tab {
   
3.   display:block;
   
4.   width:400px; /* ความกว้างของ Tab */
   
5. }
   
6. #content_tab {
   
7.   border:1px solid red;
   
8.   display:block;
   
9.   height:150px; /* ความสูงของ Tab */
   
10.   overflow:auto; /* แสดง scrollbar */
    
11.   padding:2px;
    
12.   background:#ffffff; /* สีพื้น */
    
13.   font-size:100%;
    
14. }
    
15. #tab ul {
    
16.   list-style-type:none;
    
17.   float:right; /* Tab ชิดขวา */
    
18. }
    
19. #tab li {
    
20.   display:inline;
    
21.   position:relative;
    
22. }
    
23. #tab li a {
    
24.   font-weight:bold; /* ตัวอักษรหนา */
    
25.   text-decoration:none; /* ไม่ขีดเส้นใต้ */
    
26.   color:#cccccc; /* สีตัวอักษร */
    
27.   background:#f0f0f0; /* สีพื้นตอนปกติ */
    
28.   border-bottom:4px solid #cccccc; /* สีกรอบด้านล่างตอนปกติ */
    
29.   padding:0 20px 3px 20px;
    
30. }
    
31. #tab li a:hover {
    
32.   color:red; /* สีตัวอักษรเมื่อเมาส์อยู่บน */
    
33.   border-bottom:4px solid red; /* สีกรอบด้านล่างเมื่อเมาส์อยู่บน */
    
34.   background:#f4f4f4; /* สีพื้นเมื่อเมาส์อยู่บน */
    
35. }
    
36. #tab li.selected a { /* เมื่อ Tab ถูกเลือก */
    
37.   color:red;
    
38.   border-bottom:4px solid red;
    
39.   border-left:1px solid red;
    
40.   border-right:1px solid red;
    
41.   padding-top:1px; /* เลื่อน Tab ขี้นเพื่อลบกรอบ */
    
42.   background:#ffffff;
    
43. }
    
44. 
    
45. </style>
    
46. <script type="text/javascript">
    
47. function Inint_AJAX() {
    
48.    try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) {} //IE
    
49.    try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {} //IE
    
50.    try { return new XMLHttpRequest(); } catch(e) {} //Native Javascript
    
51.    alert("XMLHttpRequest not supported")
    
52.    return null
    
53. }
    
54. 
    
55. function dotabclick(id, page) {
    
56.   document.getElementById('content_tab').innerHTML = '<br />&nbsp;&nbsp;<img src="../images/wait3.gif" alt="loading" /> loading...' //รูปรอโหลด
    
57.   var ul = document.getElementById(id).parentNode
    
58.   var lilist = ul.getElementsByTagName("li")
    
59.   for (var n = 0; n < lilist.length; n++) {
    
60.     if (lilist[n].id == id) lilist[n].className="selected"
    
61.     else lilist[n].className=""
    
62.   }
    
63.   var req = Inint_AJAX() //สร้าง Object
    
64.   req.open('GET', page, true)
    
65.   req.onreadystatechange = function() { //เหตุการณ์เมื่อมีการตอบกลับ
    
66.     if (req.readyState == 4) {
    
67.       if (req.status == 200) { //ได้รับการตอบกลับเรียบร้อย
    
68.         document.getElementById("content_tab").innerHTML = req.responseText //ข้อความที่ได้รับการตอบกลับ
    
69.       }
    
70.     }
    
71.   }
    
72.   req.send(null) //ทำการส่ง
    
73. }
    
74. 
    
75. </script>
    
76. <div id="tab">
    
77.   <div id="content_tab"></div>
    
78.   <ul>
    
79.     <li id="tab1"><a href="javascript:dotabclick('tab1', 'ajax/page1.php')" title="แสดงตัวอย่าง">Preview.</a></li>
    
80.     <li id="tab2"><a href="javascript:dotabclick('tab2', 'ajax/page2.php')" title="แก้ไข HTML">HTML.</a></li>
    
81.   </ul>
    
82. </div>
    

คัดลอกไปที่คลิปบอร์ด

page1 และ page2 คือหน้าที่จะเรียกมาแสดงเมื่อคลิกแต่ละ Tab ครับ

ลองดูคับ ผมเคยทำนานแล้ว
page1=หนังชนโรง
page2=หนังอัพเดต
page3=หนังX
page4=หนังมดX

ประมาณนี้คับเคยทำนานแล้ว มันไม่ดีตรงที่มันไปสลับออโต  ลองเอาducexhome มาแกะดีกว่า เพราะมันสลับออโต แจ่มกว่านะ ลองดูคับ
page1=

longhon

ขอบคุงมากมายน่ะครับ จะลองทำดูครับผม :lol

LoveFull

ตอบกลับ 5# jack1356

พอดีว่ามือใหม่ อ่า ช่วยอธิบาย วิธี ลง ด้วยได้ไหม อะ