Full Screen image

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

• 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(
		[
		 "https://images.nationalgeographic.com/wpf/media-live/photos/000/126/custom/12659_1600x1200-wallpaper-cb1267902321.jpg",
		 "https://images.nationalgeographic.com/wpf/media-live/photos/000/200/custom/20004_1600x1200-wallpaper-cb1276104501.jpg",
		 "https://images.nationalgeographic.com/wpf/media-live/photos/000/187/custom/18728_1280x1024-wallpaper-cb1273013536.jpg",
		 "https://images.nationalgeographic.com/wpf/media-live/photos/000/368/custom/36897_1600x1200-wallpaper-cb1309385534.jpg",		 
		 "https://images.nationalgeographic.com/wpf/media-live/photos/000/014/custom/1438_1280x1024-wallpaper-cb1267711342.jpg",
		 "https://images.nationalgeographic.com/wpf/media-live/photos/000/259/custom/25981_1600x1200-wallpaper-cb1284650592.jpg",
		 "https://images.nationalgeographic.com/wpf/media-live/photos/000/360/custom/36084_1600x1200-wallpaper-cb1309955282.jpg",
		 "https://images.nationalgeographic.com/wpf/media-live/photos/000/368/custom/36874_1600x1200-wallpaper-cb1309465550.jpg",
		]);
});	
</script>