<li class="item wow fadeInUp"> <a class="car" rel="group" title="堪稱世界級的《德國DTM房車賽》..." href="images/show/show-L/car1.jpg"> <img src="images/show/show/car1.jpg" alt=""> </a> <h2>堪稱世界級的《德國DTM房車賽》驚爆出Audi車隊因刻意衝撞而遭審判</h2> <p>位居全球房車賽事領先地位的《德國DTM房車賽》...... <a href="javascript:;"> more... </a></p> </li>
<link rel="stylesheet" href="js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css">
<script src="js/jquery.fancybox-1.3.4/fancybox/jquery.easing-1.3.pack.js"></script> <script src="js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
※ 這個外掛必須搭配 jquery 函式庫 1.8.3 以前的舊版本。
$("a.car").fancybox({
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'speedIn' : 600,
'speedOut' : 200,
'overlayShow' : true,
'overlayColor' : '#000',
'overlayOpacity' : 0.8
});