|
 |
| |
รบกวนดูโค๊ดให้หน่อยครับ ผมพยามขยายรูปมันแล้วแต่เหมือนจะไม่สำเร็จ เป็นcss จร้า |
| |
 |
|
|
 |
 |
|
ขยายรูปตรงไหนครับ
ปล.ลงไฟล์ที่ถูกต้องด้วยครับ style1.css
|
ประวัติการแก้ไข
2011-11-10 11:08:46
 |
 |
 |
 |
| Date :
2011-11-10 11:02:54 |
By :
Dragons_first |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
เอา style1.css มาดูครับ
|
| |
|
|
| |
| Date :
2011-11-10 11:10:47 |
By :
Dragons_first |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
แปะไว้ในนี้แหละคนอื่นจะได้ดูด้วย
|
| |
|
|
| |
| Date :
2011-11-10 11:47:40 |
By :
Dragons_first |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
Code (PHP)
.lof-navigator li img{
height:60px;////ปรับตรงนี้
width:60px;/////ปรับตรงนี้
margin:15px 15px 10px 0px;
float:left;
padding:3px;
border:#C5C5C5 solid 1px;
}
|
| |
|
|
| |
| Date :
2011-11-10 12:06:58 |
By :
Dragons_first |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ไม่งั้นก็ไปปรับที่ไฟล์รูปเลยครับ
|
| |
|
|
| |
| Date :
2011-11-10 13:05:48 |
By :
Dragons_first |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ทำตามคำแนะนำนะครับ แล้วคุณจะไม่ต้องเสียเงินสักบาท
index
Code (PHP)
<div onclick="return false" href="" class="lof-previous">Previous</div>
<div class="lof-navigator-outer">
<ul class="lof-navigator">
<li><img src="slide/ban_teerayut/images/thumbs/small1.png" width="120" height="180" /></li>
<li><img src="slide/ban_teerayut/images/thumbs/small2.jpg" width="120" height="180" /></li>
<li><img src="slide/ban_teerayut/images/thumbs/small3.jpg" width="120" height="180" /></li>
<li><img src="slide/ban_teerayut/images/thumbs/small4.jpg" width="120" height="180" /></li>
<li><img src="slide/ban_teerayut/images/thumbs/small5.jpg" width="120" height="180" /></li>
<li><img src="slide/ban_teerayut/images/thumbs/small6.jpg" width="120" height="180" /></li>
</ul>
</div>
css
Code (PHP)
ul.lof-navigator{
top:0;
padding:0;
margin:0;
position:absolute;
width:900px;
height: 200px;
}
|
ประวัติการแก้ไข
2011-11-10 14:46:15
| |
|
|
| |
| Date :
2011-11-10 14:44:47 |
By :
Dragons_first |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผลลัพธ์ครับ
|
ประวัติการแก้ไข
2011-11-10 15:14:27
2011-11-12 15:12:05
| |
|
|
| |
| Date :
2011-11-10 15:13:30 |
By :
yag00za |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ไม่ได้ไม่เป็นไรคับ คุณทำดีที่สุดแล้ว ขอบคุณมากมายครับ ขอให้เจริญๆนะคับ
|
| |
|
|
| |
| Date :
2011-11-10 15:21:12 |
By :
yag00za |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
เพิ่มตรงนี้อีกที่ครับ
Code (PHP)
.lof-navigator-wapper .lof-next, .lof-navigator-wapper .lof-previous{
display:block;
width:900px;
height:200px;
color:#FFF;
cursor:pointer;
}
|
| |
|
|
| |
| Date :
2011-11-10 15:23:52 |
By :
Dragons_first |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
pm ไปหาแล้ว รบกวนส่งต้นฉบับงานนี้มาให้ผมหน่อย ที่ให้โหลดน่ะมันแสดงผลไม่ได้นะครับ
|
| |
|
|
| |
| Date :
2011-11-10 15:37:58 |
By :
Dragons_first |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอดูด้วย เอาแบบที่มันแสดงครบอ่ะ พอโหลดไป มันไม่แสดงดังตัวอย่างอ่ะ เอาแบบสมบูรณ์อ่ะ
|
| |
|
|
| |
| Date :
2011-11-10 16:46:53 |
By :
yuyu7878 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ตรง C:\xampp\htdocs\md\slide\ban_teerayut นะครับ
|
ประวัติการแก้ไข
2011-11-10 17:12:16
2011-11-11 10:47:42
| |
|
|
| |
| Date :
2011-11-10 17:08:31 |
By :
yag00za |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
เป็นไงบ้างครับ เป็นรเหมือนผมรึป่าว
|
| |
|
|
| |
| Date :
2011-11-11 08:27:50 |
By :
yag00za |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
มีไฟล์ต้นฉบับที่เอามาแก้ไหม ที่ผมโหลดของคุณมาล่าสุดก็ยังแสดงผลไม่ได้อยู่ดี
|
| |
|
|
| |
| Date :
2011-11-11 09:25:56 |
By :
Dragons_first |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ความเห็น23 ตัวนี้ล่าสุด และต้นฉบับแล้วครับ เปิดได้นะครับรับรอง เช็คอีกที
|
ประวัติการแก้ไข
2011-11-11 09:35:53
| |
|
|
| |
| Date :
2011-11-11 09:35:19 |
By :
yag00za |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ใช้บราวเซอร์อะไรเปิดครับ ของผมมัน ie9
|
| |
|
|
| |
| Date :
2011-11-11 09:37:48 |
By :
Dragons_first |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ie8 firefox ก็ได้นะคับ
|
ประวัติการแก้ไข
2011-11-11 09:42:33
| |
|
|
| |
| Date :
2011-11-11 09:41:12 |
By :
yag00za |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมลองเอาวิน xp บราวเซอร์ ff crome ก็ยังรันผลไม่ได้ครับเป็นเพราะอะไร
|
| |
|
|
| |
| Date :
2011-11-11 10:15:27 |
By :
Dragons_first |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมก็อยากจะช่วยนะครับ ไม่งั้นไม่ไล่ถามไล่ตอบจนถึงวันนี้หรอก แต่จะให้ผมทำก็ต้องเปิดใจครับ และจะให้ผมแก้งานได้ก็ต้องให้ผมรันได้ด้วย
|
| |
|
|
| |
| Date :
2011-11-11 10:30:48 |
By :
Dragons_first |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
เขาอ้างอิง พาธ ไปหารูป ในไฟล์ index1.html ผิดครับ
และ ไม่แน่ใจว่า css ของเขามันผิดด้วยหรือเปล่าหน่ะ เพราะผมลองโหลดที่เขาให้มา รันไฟล์ index1.html มันเพี้ยนเหมือนของคุณ อ้น
เลยไม่ค้นต่อ เยอะ
|
ประวัติการแก้ไข
2011-11-11 10:38:38
| |
|
|
| |
| Date :
2011-11-11 10:37:06 |
By :
ไวยวิทย์ |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
เอ๋ อันนี้มันตัวเก่านี่ครับ ตัวใหม่ ความคิดเห็นที่ 23 รู้สึกรายงานผลจากความคิดเหนที่30 เปนอันเก่านะคับ ช่างมันคับ เอาอันใหม่ ผมว่าแก้ง่ายกว่าอันเก่านะครับ
|
ประวัติการแก้ไข
2011-11-12 15:13:10
| |
|
|
| |
| Date :
2011-11-11 10:42:34 |
By :
yag00za |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
รบกวนอัพโหลดไฟล์ตามนี้ให้ผมหน่อยครับ รันได้หมดแล้วเหลือแต่ไฟล์ js ที่ยังไม่มี
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="js/jquery-easing-1.3.pack.js"></script>
<script type="text/javascript" src="js/jquery-easing-compatibility.1.2.pack.js"></script>
<script type="text/javascript" src="js/coda-slider.1.1.1.pack.js"></script>
|
ประวัติการแก้ไข
2011-11-11 10:58:56
| |
|
|
| |
| Date :
2011-11-11 10:58:17 |
By :
Dragons_first |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
 ตอบความคิดเห็นที่ : 37 เขียนโดย : Dragons_first เมื่อวันที่ 2011-11-11 10:58:17
รายละเอียดของการตอบ ::
a.8").q("8").5().15().7("a").l("8")};3(6).5().5().7("4.t").R({H:e},f.E,f.G);h.g=9;P Q});3("4#L"+j+" a").u(d(){F(9==k){b e=0;9=1;3(6).5().5().7("4.c a.8").q("8").5().5().7("a:y(0)").l("8")}B{b e=-(m*9);9+=1;3(6).5().5().7("4.c a.8").q("8").5().V().7("a").l("8")};3(6).5().5().7("4.t").R({H:e},f.E,f.G);h.g=9;P Q});3("a.1p-1r").u(d(){3(6).Y().7(".c v x a:y("+(D(3(6).S("A").s(1))-1)+")").17(\'u\')});3("4#c"+j).K("C",N);F(h.g&&D(h.g.s(1))<=k){3("4#c"+j+" a:y("+(h.g.s(1)-1)+")").l("8")}B{3("4#c"+j+" a:y(0)").l("8")}});j++})};',62,92,'|||jQuery|div|parent|this|find|current|cPanel||var|stripNav|function|cnt|settings|hash|location|||panelCount|addClass|panelWidth||container||removeClass|class|slice|panelContainer|click|ul|each|li|eq||href|else|width|parseInt|easeTime|if|easeFunc|left|panel|stripNavL|css|stripNavR|id|navWidth|loading|return|false|animate|attr|csw|stripViewerWidth|next|before|append|parents|tab|title|ajax|bind|not|last|prev|Loading|trigger|img|src|images|loader|gif|alt|fn|codaSlider|extend|expoinout|750|toolTip|remove|stripViewer|size|Left|after|cross|Right|link|prepend|br'.split('|'),0,{}))
[/php]
|
ประวัติการแก้ไข
2011-11-11 11:09:03
2011-11-12 15:13:50
| |
|
|
| |
| Date :
2011-11-11 11:07:29 |
By :
yag00za |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="js/jquery-easing-1.3.pack.js"></script>
<script type="text/javascript" src="js/jquery-easing-compatibility.1.2.pack.js"></script>
<script type="text/javascript" src="js/coda-slider.1.1.1.pack.js"></script>
<script type="text/javascript">
var theInt = null;
var $crosslink, $navthumb;
var curclicked = 0;
theInterval = function(cur){
clearInterval(theInt);
if( typeof cur != 'undefined' )
curclicked = cur;
$crosslink.removeClass("active-thumb");
$navthumb.eq(curclicked).parent().addClass("active-thumb");
$(".stripNav ul li a").eq(curclicked).trigger('click');
theInt = setInterval(function(){
$crosslink.removeClass("active-thumb");
$navthumb.eq(curclicked).parent().addClass("active-thumb");
$(".stripNav ul li a").eq(curclicked).trigger('click');
curclicked++;
if( 6 == curclicked )
curclicked = 0;
}, 3000);
};
$(function(){
$("#main-photo-slider").codaSlider();
$navthumb = $(".nav-thumb");
$crosslink = $(".cross-link");
$navthumb
.click(function() {
var $this = $(this);
theInterval($this.parent().attr('href').slice(1) - 1);
return false;
});
theInterval();
});
</script>
<style>
.lof-slidecontent-text{
position:absolute;
left:550px;
top:0px;
width:600px;
}
</style>
</head>
<body>
<div>
<div class="lof-slidecontent-text">ffffffffffffffffffffffffffff</div>
<div id="page-wrap">
<div class="slider-wrap">
<div id="main-photo-slider" class="csw">
<div class="panelContainer">
<div class="panel" title="Panel 1">
<div class="wrapper">
<img src="images/TEERAYUT_1.jpg" alt="temp" />
<div class="photo-meta-data"></div>
</div>
</div>
<div class="panel" title="Panel 2">
<div class="wrapper">
<img src="images/TEERAYUT_2.jpg" alt="temp" />
<div class="photo-meta-data"></div>
</div>
</div>
<div class="panel" title="Panel 3">
<div class="wrapper">
<img src="images/TEERAYUT_3.jpg" alt="temp" />
<div class="photo-meta-data"></div>
</div>
</div>
<div class="panel" title="Panel 4">
<div class="wrapper">
<img src="images/TEERAYUT_4.jpg" alt="temp" />
<div class="photo-meta-data">
<br />
<span></span>
</div>
</div>
</div>
<div class="panel" title="Panel 5">
<div class="wrapper">
<img src="images/TEERAYUT_5.jpg" alt="temp" />
<div class="photo-meta-data">
<br />
<span></span>
</div>
</div>
</div>
</div>
</div>
<div id="movers-row">
<div><a href="#1" class="cross-link active-thumb"><img height="40px" width="47.5px" src="images/TEERAYUT_1.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
<div><a href="#2" class="cross-link active-thumb"><img height="40px" width="47.5px" src="images/TEERAYUT_2.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
<div><a href="#3" class="cross-link active-thumb"><img height="40px" width="47.5px" src="images/TEERAYUT_3.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
<div><a href="#4" class="cross-link active-thumb"><img height="40px" width="47.5px" src="images/TEERAYUT_4.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
<div><a href="#5" class="cross-link active-thumb"><img height="40px" width="47.5px" src="images/TEERAYUT_5.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
</div>
</div>
</div>
</div>
</body>
</html>
ลองเอาอันนี้ไปปรับดูก่อนนะครับ ผมใส่ css ไว้ในนี้คุณเอาไปแยกเอาเอง
|
| |
|
|
| |
| Date :
2011-11-11 11:09:17 |
By :
Dragons_first |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
กำข้างบนใส่แท็กแล้วนะ ไหงเพี้ยนได้ล่ะ
|
| |
|
|
| |
| Date :
2011-11-11 11:11:33 |
By :
Dragons_first |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ช่างมันเถอะครับ ยังไงก็ขอบคุุณมากนะครับ ขอบคุณจิงๆ ขอให้เจริญๆนะคุ๊นนนนน
|
| |
|
|
| |
| Date :
2011-11-11 17:32:57 |
By :
yag00za |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 01
|
