|
|
|
jquery ค่ะ มีปัญหาที่ตัว 1.3.2 มันอยู่รวมกับพวกไม่ได้ แต่พอเอาออก tab มันก็ไม่ทำงานอีกค่ะ |
|
|
|
|
|
|
|
jquery core มีสองไฟล์ เลือกเอาสักอันครับ
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
|
|
|
|
|
Date :
2011-08-31 00:58:59 |
By :
ikikkok |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณนะค่ะ พยายามเลือกตัวใดตัวนึงแล้ว แต่มันก็ไม่ได้เหมือนเดิมเลยค่ะ อยากได้ code ที่สามารถนำ slide และ tab มารวมกันได้ในหน้าเดียวนะค่ะ รบกวนด้วยนะค่ะ ขอบคุณมากเลยค่ะ
|
|
|
|
|
Date :
2011-08-31 22:30:11 |
By :
noksawa |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
เอาโค๊ดมาดูครับ
|
|
|
|
|
Date :
2011-08-31 22:51:20 |
By :
ikikkok |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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>
<title>Easy Slider jQuery Plugin Demo</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<script type="text/javascript" src="js/easySlider1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true
});
});
</script>
<link href="css/screen.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="container">
<div id="header">
<h1>Easy Slider jQuery Plugin - continuous demo</h1>
</div>
<div id="content">
<div id="slider">
<ul>
<li><a href="http://templatica.com/preview/30"><img src="images/01.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/7"><img src="images/02.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/25"><img src="images/03.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/26"><img src="images/04.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/27"><img src="images/05.jpg" alt="Css Template Preview" /></a></li>
</ul>
</div>
</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/i18n/ui.datepicker-th.js"></script>
<link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/redmond/jquery-ui.css" media="all" />
<title>jQuery UI tab</title>
<script type="text/javascript">
$(function() {
$("#tabs").tabs();
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">แท็บ #1</a></li>
<li><a href="#tabs-2">แท็บ #2</a></li>
<li><a href="#tabs-3">แท็บ #3</a></li>
</ul>
<div id="tabs-1"> เนื้อหาเท็บที่ 1 </div>
<div id="tabs-2"> เนื้อหาเท็บที่ 2 </div>
<div id="tabs-3"> เนื้อหาเท็บที่ 3 </div>
</div>
</body>
</html>
ขอรบกวนด้วยนะค่ะ
|
|
|
|
|
Date :
2011-08-31 23:12:36 |
By :
noksawa |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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>
<title>Easy Slider jQuery Plugin Demo</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/redmond/jquery-ui.css" media="all" />
<link href="css/screen.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/i18n/ui.datepicker-th.js"></script>
<script type="text/javascript" src="js/easySlider1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true
});
$("#tabs").tabs();
});
</script>
</head>
<body>
<div id="container">
<div id="header">
<h1>Easy Slider jQuery Plugin - continuous demo</h1>
</div>
<div id="content">
<div id="slider">
<ul>
<li><a href="http://templatica.com/preview/30"><img src="images/01.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/7"><img src="images/02.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/25"><img src="images/03.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/26"><img src="images/04.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/27"><img src="images/05.jpg" alt="Css Template Preview" /></a></li>
</ul>
</div>
</div>
</div>
<div id="tabs">
<ul>
<li><a href="#tabs-1">แท็บ #1</a></li>
<li><a href="#tabs-2">แท็บ #2</a></li>
<li><a href="#tabs-3">แท็บ #3</a></li>
</ul>
<div id="tabs-1"> เนื้อหาเท็บที่ 1 </div>
<div id="tabs-2"> เนื้อหาเท็บที่ 2 </div>
<div id="tabs-3"> เนื้อหาเท็บที่ 3 </div>
</div>
</body>
</html>
น้องเอามารวมกันแปลกๆ เปิดผิดด้วย มันก็อาจจะผิดเป็นเรื่องปกติครับ
|
|
|
|
|
Date :
2011-08-31 23:27:53 |
By :
ikikkok |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณมากๆ เลยค่ะ ^____________^
|
|
|
|
|
Date :
2011-09-01 21:48:39 |
By :
noksawa |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
จากสคริป
http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
มันพยายามจะออก internet ไปหา Path แล้วไม่เจอหรือเปล่าครับ ต้องถามก่อนว่าต่อ internet หรือไม่
|
|
|
|
|
Date :
2011-09-03 11:50:49 |
By :
นายเมา |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 03
|