|
 |
| |
รบกวนช่วยดูโค้ด jQuery ให้หน่อยครับใช้ 2 ตัวพอรันมันซ้อนกันทำไงครับ |
| |
 |
|
|
 |
 |
|
Code (PHP)
<div id="slideshow">
<ul>
<li>
<img src="imgphotos2.jpg" alt="" title="...." />
</li>
<li>
<img src="imgphotos3.jpg" alt="" title="...." />
</li>
<li>
<img src="imgphotos5.jpg" alt="" title="....." />
</li>
<li>
<img src="imgphotos4.jpg" alt="" title="....." />
</li>
<li>
<img src="imgphotos1.jpg" alt="" title="......" />
</li>
</ul>
</head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="keywords" content="carousel, jquery, responsive, fluid, elastic, resize, thumbnail, slider" />
<meta name="author" content="Codrops" />
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/elastislide.css" />
<link rel="stylesheet" type="text/css" href="css/custom.css" />
<script src="js/modernizr.custom.17475.js"></script>
</head>
<body>
<div class="container demo-1">
<!-- Codrops top bar --><!--/ Codrops top bar -->
<div class="main">
<header class="clearfix">
<nav class="codrops-demos">
</nav>
</header>
<!-- Elastislide Carousel -->
<ul id="carousel" class="elastislide-list">
<li><a href="#"><img src="images/small/1.jpg" alt="image01" /></a></li>
<li><a href="#"><img src="images/small/2.jpg" alt="image02" /></a></li>
<li><a href="#"><img src="images/small/3.jpg" alt="image03" /></a></li>
<li><a href="#"><img src="images/small/4.jpg" alt="image04" /></a></li>
<li><a href="#"><img src="images/small/5.jpg" alt="image05" /></a></li>
<li><a href="#"><img src="images/small/6.jpg" alt="image06" /></a></li>
<li><a href="#"><img src="images/small/7.jpg" alt="image07" /></a></li>
<li><a href="#"><img src="images/small/8.jpg" alt="image08" /></a></li>
<li><a href="#"><img src="images/small/9.jpg" alt="image09" /></a></li>
<li><a href="#"><img src="images/small/10.jpg" alt="image10" /></a></li>
<li><a href="#"><img src="images/small/11.jpg" alt="image11" /></a></li>
<li><a href="#"><img src="images/small/12.jpg" alt="image12" /></a></li>
<li><a href="#"><img src="images/small/13.jpg" alt="image13" /></a></li>
<li><a href="#"><img src="images/small/14.jpg" alt="image14" /></a></li>
<li><a href="#"><img src="images/small/15.jpg" alt="image15" /></a></li>
<li><a href="#"><img src="images/small/16.jpg" alt="image16" /></a></li>
<li><a href="#"><img src="images/small/17.jpg" alt="image17" /></a></li>
<li><a href="#"><img src="images/small/18.jpg" alt="image18" /></a></li>
<li><a href="#"><img src="images/small/19.jpg" alt="image19" /></a></li>
<li><a href="#"><img src="images/small/20.jpg" alt="image20" /></a></li>
</ul>
<!-- End Elastislide Carousel -->
</head>
</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquerypp.custom.js"></script>
<script type="text/javascript" src="js/jquery.elastislide.js"></script>
<script type="text/javascript">
$( '#carousel' ).elastislide();
</script>
</body>
</html>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/craftyslide.min.js"></script>
<script>
$("#slideshow").craftyslide();
</script>
Tag : PHP, jQuery
|
|
|
 |
 |
 |
 |
| Date :
2013-11-16 04:47:17 |
By :
aomdeep |
View :
872 |
Reply :
3 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
เลือกใช้ตัว jQuery แค่ Version เดียวครับ ส่วนจะใช้ตัวไหน อาจจะต้องลองสลับดูครับ ว่าตัวไหนทำงาน ไม่ทำงาน 
|
| |
|
|
| |
| Date :
2013-11-16 06:21:20 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ใช้ตัวใหม่ แล้วเรียกใช้ migration ด้วย แค่นี้ก็พอเพียงครับ
|
| |
|
|
| |
| Date :
2013-11-18 18:27:43 |
By :
PlaKriM |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 00
|
