ขอวิธีการใส่ jQuery (banner slide)

thanongsak1983 · 08 พฤษภาคม 2011, 21:29:12

ขอวิธีการใส่ jQuery (banner slide)

http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html

ตัวอย่างเว็บครับ http://www.100ydesign.com/ แบนเนอร์ข้างโลโก้อะครับ

ผมอยากจะเอามาใส่เว็บผม ต้องทำยังไงบ้าง ขอแบบละเอียดครับ

thanongsak1983 · 09 พฤษภาคม 2011, 17:58:11

khwan · 09 พฤษภาคม 2011, 18:13:08

แอบมาส่อง

Destined · 09 พฤษภาคม 2011, 18:15:39

ผมมีแบบ โหดกว่านี้

Giffy · 09 พฤษภาคม 2011, 18:27:33

อ้างถึงจาก: Destined ใน 09 พฤษภาคม 2011, 18:15:39
ผมมีแบบ โหดกว่านี้

โหดแบบไหนท่าน ขอชมมั่งจิ

thanongsak1983 · 09 พฤษภาคม 2011, 18:53:06

แบบไหนก็ได้อะครับ

ที่ผมต้องการคือ แบนเนอร์หัวเว็บ ผมจะมีอยู่ประมาณ 3 อัน เลื่อน ไปเรื่อย ๆ แล้วแต่ละแบนเนอร์ ต้องมีลิงค์ออกอะครับ

ที่ผมทำได้แค่ตอนนี้คือ กิ๊ฟ ซื้อลิงค์ออกได้แค่ลิงค์เดียว ช่วยผมหน่อยนะครับ

pongsak01 · 09 พฤษภาคม 2011, 19:02:56

อ้างถึงจาก: thanongsak1983 ใน 09 พฤษภาคม 2011, 18:53:06
แบบไหนก็ได้อะครับ

ที่ผมต้องการคือ แบนเนอร์หัวเว็บ ผมจะมีอยู่ประมาณ 3 อัน เลื่อน ไปเรื่อย ๆ แล้วแต่ละแบนเนอร์ ต้องมีลิงค์ออกอะครับ

ที่ผมทำได้แค่ตอนนี้คือ กิ๊ฟ ซื้อลิงค์ออกได้แค่ลิงค์เดียว ช่วยผมหน่อยนะครับ

แบบนี้พอไหวไหมครับ http://www.dek-ac.com/d-sign2u/download19-การโชว์รูปแบบสไล-เลี่ยนไปเรื่อยๆ.html

thanongsak1983 · 09 พฤษภาคม 2011, 20:56:12

อ้างถึงจาก: pongsak01 ใน 09 พฤษภาคม 2011, 19:02:56
อ้างถึงจาก: thanongsak1983 ใน 09 พฤษภาคม 2011, 18:53:06
แบบไหนก็ได้อะครับ

ที่ผมต้องการคือ แบนเนอร์หัวเว็บ ผมจะมีอยู่ประมาณ 3 อัน เลื่อน ไปเรื่อย ๆ แล้วแต่ละแบนเนอร์ ต้องมีลิงค์ออกอะครับ

ที่ผมทำได้แค่ตอนนี้คือ กิ๊ฟ ซื้อลิงค์ออกได้แค่ลิงค์เดียว ช่วยผมหน่อยนะครับ

แบบนี้พอไหวไหมครับ http://www.dek-ac.com/d-sign2u/download19-การโชว์รูปแบบสไล-เลี่ยนไปเรื่อยๆ.html

ก็เหมือน ๆ กับที่บอกแหละครับ

แต่ใช้ไงอะ

แบบนี้เลย.... ขอวิธีใช้หน่อย...

obani · 10 พฤษภาคม 2011, 01:41:43

อ้างถึงจาก: pongsak01 ใน 09 พฤษภาคม 2011, 19:02:56

แบบนี้พอไหวไหมครับ http://www.dek-ac.com/d-sign2u/download19-การโชว์รูปแบบสไล-เลี่ยนไปเรื่อยๆ.html

ผมตอบที่อ้างอิงให้นะครับ (แต่ในตัวอย่างเค้าใช้ iframe ดึงอีกที)

โค้ด เลือก

<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>obani</TITLE>

<META http-equiv=Content-Type content="text/html; charset=windows-874"><LINK 

href="style_slide.css" type=text/css rel=stylesheet>

<SCRIPT src="yui-base.js" type=text/javascript></SCRIPT>



<SCRIPT src="tbra.js" type=text/javascript></SCRIPT>



<STYLE type=text/css>BODY {

	MARGIN: 0px

}

</STYLE>



<META content="MSHTML 6.00.6000.20661" name=GENERATOR></HEAD>

<BODY>

<TABLE cellSpacing=0 cellPadding=0 width=500 border=0>

  <TBODY>

  <TR vAlign=top align=left>

    <TD>

      <DIV id=MainPromotionBanner>

      <DIV id=SlidePlayer>

      <UL class=Slides>

        <LI><A 

        href="http://www.ปลายทาง1" 

        target=_blank><IMG height=375 

        src="รูปที่1" width=500 border=0></A> 

        </LI>

        <LI><A href="ปลายทาง2" 

        target=_blank><IMG height=375 

        src="รูปที่2" width=500 border=0></A> 

</LI>

        <LI><A href="ปลายทาง3" target=_blank><IMG 

        height=375 alt="" src="รูปที่3" width=500 

        border=0></A></LI></UL></DIV></DIV>

      <SCRIPT type=text/javascript> TB.widget.SimpleSlide.decorate('SlidePlayer', {eventType:'mouse', effect:'scroll'});</SCRIPT>

    </TD></TR></TBODY></TABLE></BODY></HTML>

1.คือ upload ไฟล์ yui-base.js, tbra.js ขึ้นโฮสต์

2.สองบรรทัดนี้
<SCRIPT src="yui-base.js" type=text/javascript></SCRIPT>
<SCRIPT src="tbra.js" type=text/javascript></SCRIPT>
ให้เอาวางไว้ระหว่่าง <head>...</head> นะครับ yui-base.js และ tbra.js คือเรียกไฟล์ js นั่นเองถ้าไม่อยู่พาธเดียวกัน ต้องระบุให้ถูกต้องครับ

3.ปรับแต่งขนาด เปลี่ยนรูปตามที่ต้องครับใน tag <td>....</td>

thanongsak1983 · 10 พฤษภาคม 2011, 22:04:22

ดัน ยังไม่ค่อยเข้าใจ

dragons_first · 14 พฤษภาคม 2011, 14:06:32

สนใจ pm มาครับ ง่ายๆไม่ยากเลย

shokarita · 16 พฤษภาคม 2011, 01:02:16

หาใน google ได้เลยครับ jquery slide show