Script DIY แสดงรูปภาพแบบ Slide

princekoong

DEMO



Script

<div class="module cl">
<table align="center" border="0" width="950" cellspacing="0" cellpadding="0">
<tr>
<td>
<TABLE cellSpacing=0 cellPadding=0 width=940 border=0>
<TBODY>
<TR>
<TD vAlign=top background="">
<TABLE cellSpacing=0 cellPadding=0 width=940 border=0>
<TBODY>
<TR>
<TD vAlign=center align=middle >
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 950px; COLOR: #ffffff; ">
<TABLE cellPadding=0 width="100%" align=left border=0
cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top>
<TABLE cellSpacing=1 cellPadding=1>
<TBODY>
<TR vAlign=top>
<TD vAlign=top noWrap>
<DIV align=right>
<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
[loop]
<TD align=middle>
<TABLE cellSpacing=0 cellPadding=0 width=120
align=center border=0>
<TBODY>
<TR>
<TD align=middle >
<a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}" /></a>
</TD></TR>
<TR>
<TD class=nav1 align=middle ><A
class=apm2
href="{url}" title="{title}"{target}>{title}</A></TD></TR></TBODY></TABLE></TD>
[/loop] </TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></TD>
<TD id=demo2 width="0"></TD>
</TR></TBODY></TABLE></DIV>
<SCRIPT>
var dir=1// จำนวนรูปที่เลื่อน
var speed=1// ความเร็ว
document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML
function Marquee(){
//alert(document.getElementById("demo2").offsetWidth+"\n"+document.getElementById("demo").scrollLeft)
if (dir>0 && (document.getElementById("demo2").offsetWidth-document.getElementById("demo").scrollLeft)<=0) document.getElementById("demo").scrollLeft=0
if (dir<0 &&(document.getElementById("demo").scrollLeft<=0)) document.getElementById("demo").scrollLeft=document.getElementById("demo2").offsetWidth
document.getElementById("demo").scrollLeft+=dir
document.getElementById("demo").onmouseover=function() {clearInterval(MyMar)}
document.getElementById("demo").onmouseout=function() {MyMar=setInterval(Marquee,speed)}
}
function r_left(){if (dir=-1)dir=1}
function r_right(){if (dir=1)dir=-1}
var MyMar=setInterval(Marquee,speed)
</SCRIPT>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</td>
</tr>
</table></div>

uiuoo2553

ขอบคุณมากครับ ต้องลอง อิอิ

iiimouiii

สวยดีครับ พริ้นซ์ ชอบคุณมากครับ

เอาไปทำแนว รูปหนังเลื่อนๆดีกว่า

joeyman001

ขอถามหน่อยนะครับ ว่า 'ใส่ยังไง ?'  

kompet

มันใช้ยังไงงงมาก

MasterTGZ

สวยงามมากครับ
ขอบคุณครับ อาจจะได้เอาไปใช้ อิอิ

joeyman001

ต้นฉบับโพสต์โดย joeyman001 เมื่อ 2011-9-18 17:09
ขอถามหน่อยนะครับ ว่า 'ใส่ยังไง ?'    ...

ตรงไหนอ่ะ ครับ ผมหาไม่เจอ

tel2552

ซึ่งกำลังหาเลย

[E]x[P]

ขอบใจจ้า

[R]ARTinG-Dsign

Thank You Very   I Like IT"