Thêm một cách trình diễn ảnh xoay vòng theo phương pháp nsvina.com

BƯỚC 1 : CHÈN CODE SAU DƯỚI ]]></b:skin>


<script src='http://www.lachidesign.com.vn/lib/jquery/jquery-1.4.2.min.js' type='text/javascript'>
</script>
<script src='http://www.lachidesign.com.vn/lib/jquery/jquery.mousewheel.min.js' type='text/javascript'>
</script>

<script src='http://www.lachidesign.com.vn/lib/cloud-carousel.1.0.4.min.js' type='text/javascript'>
</script>

<script type='text/javascript'>
$(document).ready(function(){

// This initialises carousels on the container elements specified, in this case, carousel1.
$("#carousel1").CloudCarousel({
xPos: 400,
yPos: 10,
yRadius: -10,
xRadius: 350,
titleBox: $("#title-text"),
autoRotate: 'left',
bringToFront: true,
mouseWheel: true
});
});
</script>



BƯỚC 2 : CHÈN CODE SAU VÀO VỊ TRÍ MUỐN HIỂN THỊ SLIDER



<div style='position:relative; width:100%; margin: 0 auto;'>
<div id='carousel1' style='width:100%; height:240px; overflow:scroll;'>
<a href='http://www.vcupdesign.com/'><img alt='' class='cloudcarousel' height='226' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-bJBMS7mUVM81Gzgg8ThhNDyzE_I3q9gNv-LCtlaVyOQkCW_VeDOa8pK79gW9vciPfHDJAHcLWTD7EPWbo5fiN2SIcoXCLTEToHcXsEyInAv5xSMUQZ6ALDJ054FsfAKYNvLXKVJy9SWQ/s1600/logo.gif' width='226'/></a>
<a href='/'> <img alt='' class='cloudcarousel' src='http://www.lachidesign.com.vn/images/hinh2.jpg'/></a>
<a href='/'><img alt='' class='cloudcarousel' src='http://www.lachidesign.com.vn/images/hinh3.jpg'/></a>
<a href='/'> <img alt='' class='cloudcarousel' src='http://www.lachidesign.com.vn/images/hinh1.jpg'/></a>
<a href='/'><img alt='' class='cloudcarousel' src='http://www.lachidesign.com.vn/images/hinh2.jpg'/></a>
<a href='/'> <img alt='' class='cloudcarousel' src='http://www.lachidesign.com.vn/images/hinh3.jpg'/></a>
<a href='/'><img alt='' class='cloudcarousel' src='http://www.lachidesign.com.vn/images/hinh1.jpg'/></a>

<a href='/'><img alt='' class='cloudcarousel' src='http://www.lachidesign.com.vn/images/hinh2.jpg'/></a>
<a href='/'> <img alt='' class='cloudcarousel' src='http://www.lachidesign.com.vn/images/hinh3.jpg'/></a>

</div>
<center><b>[ Vui lòng rê và lăn chuột vào khung ảnh xoay để xem nhanh dịch vụ ]</b></center>
</div>


Xong vui lòng ghi nguồn : http://templates.nsvina.com/ khi phát lại bài thủ thuật