นำ Code ด้านล่างนี้ ไปว่างไว้ใน Row ก่อนหน้า Row ที่จะแสดงผล เช่น Row 1
โดยคลิก Source ก่อน 1 ครั้ง เพื่อวาง Code และกด save
<style type="text/css">
#dhtmlgoodies_slideshow{
width:250px; /* Total width of slideshow */
}
#previewPane{
border:1px solid #CCCCCC;
margin-bottom:10px;
text-align:center;
vertical-align:middle;
padding-top:10px;
position:relative;
/* CSS HACK */
height: 250px; /* IE 5.x */
height/* */:/**/250px; /* Other browsers */
height: /**/250px;
}
#previewPane img{
line-height:250px;
}
#previewPane #largeImageCaption{ /* CSS styling of image caption below large image */
font-style:italic;
text-align:center;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; /* Font to use */
font-size:0.9em;
}
#galleryContainer{
height:102px; /* Height of the images + 2 */
border:1px solid #CCCCCC;
position:relative;
overflow:hidden;
padding:1px;
/* CSS HACK */
height: 104px; /* IE 5.x - Added 2 pixels for border left and right */
height/* */:/**/104px; /* Other browsers */
height: /**/104px;
}
#arrow_left{
position:absolute;
left:0px;
z-index:10;
background-color: #FFF;
padding:1px;
}
#arrow_right{
position:absolute;
right:0px;
z-index:10;
background-color: #FFF;
padding:1px;
}
#theImages{
position:absolute;
height:100px;
left:40px;
width:100000px;
}
#theImages #slideEnd{
float:left;
}
#theImages img{
float:left;
padding:1px;
filter: alpha(opacity=50);
opacity: 0.5;
cursor:pointer;
border:0px;
}
#waitMessage{
display:none;
position:absolute;
left:200px;
top:150px;
background-color:#FFF;
border:3px double #000;
padding:4px;
color:#555;
font-size:0.9em;
font-family:arial;
}
#theImages .imageCaption{
display:none;
}
</style> <script type="text/javascript" src="/download/domainname_com/foldername/image-slideshow.js"></script>
คำอธิบาย
1. width:250px; ปรับขนาดความกว้างของกรอบ
2. /* CSS HACK */ ปรับขนาดความสูงของกรอบ
3. /download/domainname_com/foldername/image-slideshow.js
- domainname_com ใส่ชื่อ โดเมน โดยเปลี่ยนจากเครื่องหมาย . (dot) เป็น _ (under scroll)
- foldername ใส่ชื่อโฟลเดอร์ที่มี File image-slideshow.js อยู่
เช่น /download/tips_ninenic_com/slide1/image-slideshow.js