slide mới

chèn doan ma  sau vao 

<link rel="stylesheet" href="https://dl.dropboxusercontent.com/u/66348944/thunghiem/carddeckslideshow.css" />

<style>

.stackcontainer{
margin: 10px 0 0px 0;
}

#demo1{
width: 240px; 
height: 320px;
margin-left: 210px;
}
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>

<script src="https://dl.dropboxusercontent.com/u/66348944/thunghiem/carddeckslideshow.js">

</script>

<script>

var demo1 = new carddeckslideshow({
 id: 'demo1',
 autoplay: true,
 cycles: 2,
 persist: false
})


</script>


<div id="demo1" class="stackcontainer">

 <div class="inner">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8kc_BaQH1emj9pytKEO_30rpWTdS9vcXipA0_xHASRQ0pOfFwds7azcOTZRUf2-cTpzE2DUB5mg7n44SDwwoceU7PCqEZRiQd1mlZXS_CJINWnvyv4DHiO8krskH5ns5H-fh3tQIxgvg/s1600/0024.gif" />
 </div>

 <div class="inner">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAWb8bzv2inZ9Q-fISTUbPJABd4d2NRoEXa3aiYBdMwSHegMaJa6tpgZO_S5pkAKiXYuSFSIQqMZ-BePegkNtyrZJD1zDdRJ5WABg0UXrRAVKxvL-ClMWh-2G9jph65Nsl_7CnWPHquXE/s1600/0055.gif" />
 </div>

 <div class="inner">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiazuzzooR6d1slebiEgpZsjJVRqgwQi5U_KUZQi9scRaqVQ1WbX1zJ7DEpzKno8Z4aJptAPkZTJSESN7LN9BwVJJbBnMj9RB3iDvQWrML7S-Hpa_kq8NCOKqZ2nAGcdSVG1vIgMTw8qY0/s1600/0013.gif" />
 </div>

 <div class="inner">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNwxH-Kg3BeHIeoiHq7Z-dXzr04eOfHBkP6S7JqowwLlrVtKsaMNRGNWSlTa7eRHzElle7t5f3kS8AiZrIy6_cFlNRNQn146-qD3N7plnvC6DyGozARah5Au7M1eD6g8ouJ82i_2qTBDY/s1600/0015.gif" />
 </div>

 <div class="inner">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggtRPkF8Xk5Qa2gKzMuVGTJ4fbo0E66onqiPu7UI08f-rhG9Zwxc_cpSbTxGL7J8L144abtSqx39c6hckuGz01Zz0to4KbCcqeXNSeadC_zT621FWJZ01e_SkDCsCjIKLB8JHASavIts4/s1600/0014.gif" />
 </div>


<div class="inner">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIG0FYD0_4Hzgl8N3Fi1pfNYgnzgN8XMhyphenhyphenZAIK21Y2eUNBAgtszWzzmPy-ARw_js-CL_svIWrVc3opDpjv1NCEMmcPzmCrRKU0kF_sPyzlrayjAr9H4eLgEorKSfD_LAXNNCUYmUQWMLs/s1600/0019.gif" />
 </div>

 <div class="inner">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCEbrYKMX8xciMzIsXzi__q07ss_I0mkP7rpcQBM9lO3-aS55VW-9wA89P4ODLooTF7fXnvTDocsDwl4YRxOEBGfGFsT5S8puTHZrV3mLqItfDN2-mdFrxe-eHM88aahbogGGHQ4JGzNgO/s1600/0035.gif" />
 </div>




</div>

<div style="margin-top:1em; margin-left:250px">
<a href="javascript:demo1.navigate('prev')">Previous Slide</a> / <a href="javascript:demo1.navigate('next')">Next Slide</a> / <a href="javascript: demo1.userpause()">Stop</a>
</div>

Bây giờ, bạn có thể thay đổi các dòng lệnh màu đỏ, trong đó:

Width: chiều rộng của khung trình chiếu

Height: chiều cao của khung trình chiếu

Margin-left: khoảng cách từ lề trái đến khung trình chiếu (khoảng cách này nếu bạn để ngắn quá thì hiệu ứng rơi ảnh sẽ không được đẹp).

Và các dòng lệnh màu xanh là link ảnh.

Cuối cùng bấm Lưu là xong.