Fullscreen Slideshow eklentisi Charles Worth tarafından jQuery için geliştirilmiş olan resimleri tam boy slide olarak sergilemeye yarayan bir eklentidir. Eklentiyi website içeriğinizin arkaplanında kullanabilirseniz çok güzel bir görünüm ortaya çıkarabilirsiniz. Başka bir yazımızda Wordpress için çok güzel bir tema olan Wallbase temasından söz etmiştim. Temanın ana sayfasında bu eklentiye benzer bir özellik kullanılmış. WallBase temanın demosuna bakarak eklenti ile nasıl bir çalışma ortaya çıkabileceğini görebilirsiniz. National Geographic
- Demo
- Image : National Geographic
Kullanım
Head etiketleri arasına eklemeniz gereken jQuery ve eklentinin url adresleri :
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="../jquery.fullscreen.slideshow.js"></script>
Body etiketleri arasına eklemeniz gereken bölüm
Javascript :
<script type="text/javascript">
$(document).ready(function(){
$.slideshow(
[
"http://images.nationalgeographic.com/wpf/media-live/photos/000/126/custom/12659_1600x1200-wallpaper-cb1267902321.jpg",
"http://images.nationalgeographic.com/wpf/media-live/photos/000/200/custom/20004_1600x1200-wallpaper-cb1276104501.jpg",
"http://images.nationalgeographic.com/wpf/media-live/photos/000/187/custom/18728_1280x1024-wallpaper-cb1273013536.jpg",
"http://images.nationalgeographic.com/wpf/media-live/photos/000/368/custom/36897_1600x1200-wallpaper-cb1309385534.jpg",
"http://images.nationalgeographic.com/wpf/media-live/photos/000/014/custom/1438_1280x1024-wallpaper-cb1267711342.jpg",
"http://images.nationalgeographic.com/wpf/media-live/photos/000/259/custom/25981_1600x1200-wallpaper-cb1284650592.jpg",
"http://images.nationalgeographic.com/wpf/media-live/photos/000/360/custom/36084_1600x1200-wallpaper-cb1309955282.jpg",
"http://images.nationalgeographic.com/wpf/media-live/photos/000/368/custom/36874_1600x1200-wallpaper-cb1309465550.jpg",
]);
});
</script>
