[script] รูปสไลด์ ครับ

toyotatam · โพสต์ 2011-7-20 13:55:19

แก้ไขครั้งสุดท้ายโดย toyotatam เมื่อ 2011-7-20 14:05

แก้ไขครั้งสุดท้ายโดย toyotatam เมื่อ 2011-7-20 13:59

แก้ไขครั้งสุดท้ายโดย toyotatam เมื่อ 2011-7-20 13:57

โค๊ต
<iframe src ="http://ลิ้งที่อยู่/preload/index.html" frameborder="0" scrolling="no" width="500" height="250" ></iframe>

ตัวอย่าง
http://liferadio.cu.cc/preload/index.html
เปิดไฟล์ index.html แก้ไขลิ้ง รูปภาพ

</script>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(../images/index_18.gif);
}
-->
</style></head>
<body oncontextmenu="return false">
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr vAlign="top" align="left">
<td width="500" height="250" valign="top">
<DIV id=MainPromotionBanner>
<DIV id=SlidePlayer>
<ul class="Slides">
<li><img src="01.png" alt="" width="500" height="250" border="0" /></li>
<li><img src="02.png" alt="" width="500" height="250" border="0" /></li>
<li><img src="03.png" alt="" width="500" height="250" border="0" /></li>
</ul>
</DIV>
</DIV> <SCRIPT type=text/javascript> TB.widget.SimpleSlide.decorate('SlidePlayer', {eventType:'mouse', effect:'scroll'});</SCRIPT> </td>
</tr>
</table>
</body>

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

เปิดไฟล์ preload/css/style_slide.css แก้ไข WIDTH/HEIGHT

.Invisible {
DISPLAY: none
}
#Main {
OVERFLOW: hidden; WIDTH: 500px
}
UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL LI {
LIST-STYLE-TYPE: none
}
#Shotcuts {
BORDER-TOP: #ddd 1px solid; MARGIN: 70px 0px 30px; PADDING-TOP: 10px; BORDER-BOTTOM: #ddd 1px solid; BACKGROUND-COLOR: #f6f6f6; TEXT-ALIGN: center
}
#Shotcuts UL {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 500px; LINE-HEIGHT: 22px; PADDING-TOP: 0px; HEIGHT: 22px
}
#Shotcuts LI {
FLOAT: left; COLOR: #333; MARGIN-RIGHT: 7px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left
}
#MainPromotionBanner .Slides {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; PADDING-TOP: 0px;
LIST-STYLE-TYPE: none; HEIGHT: 250px
}
#MainPromotionBanner .Slides LI {
FLOAT: left; WIDTH: 500px; HEIGHT: 250px
}
#MainPromotionBanner .SlideTriggers LI {
DISPLAY: inline; FONT-SIZE: 10px; BACKGROUND: url(../images/slide_trigger.gif) ; FLOAT: left;
MARGIN: 3px; OVERFLOW: hidden; WIDTH: 16px; CURSOR: pointer; COLOR: #74a8ed; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana; font-weight:bold;
HEIGHT: 16px; TEXT-ALIGN: center
}
#MainPromotionBanner .SlideTriggers LI.Current {
DISPLAY: inline; FONT-SIZE: 10px; BACKGROUND: url(../images/slide_trigger_c.gif) ; FLOAT: left;
MARGIN: 3px; OVERFLOW: hidden; WIDTH: 16px; CURSOR: pointer; COLOR: #fff; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana; font-weight:bold;
HEIGHT: 16px; TEXT-ALIGN: center
}
#MainPromotionBanner .SlideTriggers {
POSITION: absolute; TOP: auto; HEIGHT: 10px
}
#MainPromotionBanner .SlideTriggers {
PADDING-BOTTOM: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; TOP: 220px; HEIGHT: 25px;LEFT: 4px
/*top 103 คือการขยับกรอบให้มีความพอดีกับรูป*/
}

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

ดาวโหลด
http://www.mediafire.com/?i0iax7wsmxkixb6

tibet123 · โพสต์ 2011-7-23 22:37:14

พี่ครับถ้าจะปรับเวลาให้มันเร็วขึ้น แก้ ตรงไหนหรอครับ

MasterTGZ · โพสต์ 2011-7-24 08:57:51

ต้นฉบับโพสต์โดย tibet123 เมื่อ 2011-7-23 22:37
พี่ครับถ้าจะปรับเวลาให้มันเร็วขึ้น แก้ ตรงไหนหรอครั ...

หากเป็นผม ผมไม่มั่นใจ ผมก็อาจจะนั่งแก้ตัวที่คิดว่าใช่ หากผิดก็แก้กลับ ฯลฯ

tibet123 · โพสต์ 2011-7-24 16:32:32

ต้นฉบับโพสต์โดย MasterTGZ เมื่อ 2011-7-24 08:57
หากเป็นผม ผมไม่มั่นใจ ผมก็อาจจะนั่งแก้ตัวที่คิดว่า ...

ok คับบบบบบบบบบบบบบบบบบบบ

adman · โพสต์ 2011-7-27 03:10:42

ไฟล์ที่เขาแจก
เปืดไฟล์ js/tbra.js

ค้นหา

(C,this.config.autoPlayTimeout*1000)

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

แก้ไข ตัวเลข 1000 ตามใจชอบ
ใส 100 วิ่งอย่างกับจรวจ.... 500 กำลังพอดี

บัญชี		จำสถานะนี้ไว้ในครั้งหน้า	ลืมรหัสผ่าน
รหัสผ่าน			สมัครสมาชิก

[X2] [script] รูปสไลด์ ครับ

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