สอบถามเรื่อง javascript สองแบบ เอามาร่วมกัน หน่อยครับ คือเอามารวมแล้วมัน รันได้แค่อย่างเดียว
ขออธิบายก่อนนะครับ คือว่าผมมี javascript อยู่ 2 ชุด แล้วจะนำมา รวม กัน พอผมได้ลองเอามารวมกันแล้ว มันรันได้อันด้วย ก็เลยมาถามครับผมใครช่วยได้ กรุณาหน่อยครับ เริ่มเลยนะครับชุดที่ 1 Code (JavaScript)
<script type="text/javascript" src="jquery.js">//slide Show</script>
<script type="text/javascript" src="jquery.cycle.all.js"></script>
<script type="text/javascript">
$(function(){
$('#slide').cycle({
fx: 'zoom,fadeZoom',
pagerEvent: 'mouseover',
pager: '#nav',
speed: 1000,
pause: 1
});
});
</script>
<style>
#nav { margin: 4px; }
#nav a { margin: 4px; padding: 2px 4px; border: 1px solid #ccc; background: #CCCCCC; text-decoration: none }
#nav a.activeSlide { background: #999999 }
#nav a:focus { outline: none; }
.pics {
height: 370px;
width: 380px;
padding: 0;
margin: 0;
}
.pics img {
padding: 15px;
border: 1px solid #ccc;
background-color: #eee;
width: 380px;
height: 370px;
top: 0;
left: 0
}
</style>
<body>
<div id="slide">
<img width="379" height="311" src="1.jpg" />
<img width="379" height="311" src="2.jpg" />
<img width="379" height="311" src="3.jpg" />
</div>
<div id="nav"></div>
ชุดที่2 Code (JavaScript)
<link media="screen" rel="stylesheet" href="colorbox.css" />
<script src="jquery.min.js">// Full Screen</script>
<script src="jquery.colorbox.js"></script>
<script>
$(document).ready(function(){
//Examples of how to assign the ColorBox event to elements
$("a[rel='example4']").colorbox({slideshow:true});
//Example of preserving a JavaScript event for inline calls.
$("#click").click(function(){
$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
return false;
});
});
</script>
<body>
<a href="1.jpg" rel="example4">1</a>
<a href="2.jpg" rel="example4">2</a>
<a href="3.jpg" rel="example4">3</a>
</body>
Code (JavaScript)
<script type="text/javascript" src="jquery.js">//slide Show</script>
<script type="text/javascript" src="jquery.cycle.all.js"></script>
<link media="screen" rel="stylesheet" href="colorbox.css" />
<script src="jquery.min.js">// Full Screen</script>
<script src="jquery.colorbox.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//Examples of how to assign the ColorBox event to elements
$("a[rel='example4']").colorbox({slideshow:true});
//Example of preserving a JavaScript event for inline calls.
$("#click").click(function(){
$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
return false;
});
});
$(function(){
$('#slide').cycle({
fx: 'zoom,fadeZoom',
pagerEvent: 'mouseover',
pager: '#nav',
speed: 1000,
pause: 1
});
});
</script>
<style>
#nav { margin: 4px; }
#nav a { margin: 4px; padding: 2px 4px; border: 1px solid #ccc; background: #CCCCCC; text-decoration: none }
#nav a.activeSlide { background: #999999 }
#nav a:focus { outline: none; }
.pics {
height: 370px;
width: 380px;
padding: 0;
margin: 0;
}
.pics img {
padding: 15px;
border: 1px solid #ccc;
background-color: #eee;
width: 380px;
height: 370px;
top: 0;
left: 0
}
</style>
<body>
<div id="slide1">
<a href="1.jpg" rel="example4"><img width="379" height="311" src="1.jpg" /> </a>
<a href="2.jpg" rel="example4"><img width="379" height="311" src="2.jpg" /> </a>
<a href="3.jpg" rel="example4"><img width="379" height="311" src="3.jpg" /> </a>
</div>
<div id="nav"></div>
Tag PHP, MySQL, JavaScript, jQuery
Date :
2011-06-27 18:05:23By :
okboouView :
1197Reply :
7
น่าจะมีการเรียก funtion ใน jquery ซ้ำกันครับ ผมก็เจอเหมือนกัน
Date :
2011-06-27 22:30:51By :
mangkunzo
แล้วแก้ไขอย่างไรครับ
Date :
2011-06-28 08:26:07By :
okboou
ลองเชคดูเผื่อมี id ซ้ำกัน
Date :
2011-06-28 10:10:10By :
mzchewiize
Code (JavaScript)
<script src="jquery.min.js">// Full Screen</script>
<script type="text/javascript" src="jquery.js">//slide Show</script>
Date :
2011-06-28 11:20:34By :
Oakmat00
ถ้าตัดออกเลือกอันเดียว
ประวัติการแก้ไข
Date :
2011-06-28 11:39:03By :
okboou
ไม่ต้องแก้ใน file ของ jquery หรอกครับ ผมว่ามันน่าจะผิดตรง import มาใช้นี่อะ คือผมคิดว่านะ มันประมานว่าไม่รู้จะใช้ตัวไหนดีระหว่างCode (JavaScript)
<script src="jquery.min.js">// Full Screen</script>
<script type="text/javascript" src="jquery.js">//slide Show</script>
Date :
2011-06-28 11:55:42By :
Oakmat00
มั่ว จน ได้ ครับ
Date :
2011-06-28 14:15:28By :
okboou
Server 04
Load balance : Server 04
