Bu wp sitesindeki işlemi html ve css nasıl yaparım

merhaba.
tesadüfen http://www.yanaz.com.tr/ adresini gördüm ve orada ana sayfada kayan resimler çok hoşuma gitti. kaynak kodlarını incelediğim zaman site wp.
ben bunu html ve css olarak nasıl yaparım?

yani yapmak istediğim html ve css ile o resimleri ana sayfada kaydırmak (her ekran pikseline göre otomatik büyüyüp küçülen)

yardımcı olabilir misiniz? teşekkürler.

Bu işlem html&css ile yapılmaz.Yapılsa bile çok uğraştırır.Jquery slider ile yapılabilir.Aratırsan buna benzer bulabilirsin.

Edit:Sliderin adı kenburns slidshow imiş.

Peki jquery slider ile örneği var mı? ben baktım ama programını buldum

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 10:40:55 -->-> Daha önceki mesaj 10:37:34 --

Ben bir html yaptım ve aşağıdaki kodları yazdım. Ama sayfa bomboş görünüyor

yardımcı olabilir misiniz? teşekkürler.

<script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>
<script type="text/javascript" src="http://www.yanaz.com.tr/wp-content/themes/js/kenburns.js?ver=2.1"></script>

<div id="kenburns_overlay"></div>
<canvas id="kenburns">
    <p>Your browser doesn't support canvas!</p>
</canvas>

<script type="text/javascript">  

							  
$j(document).ready(function(){ 
	$j('#kenburns_overlay').css('width', $j(window).width() + 'px');
	$j('#kenburns_overlay').css('height', $j(window).height() + 'px');
	$j('#kenburns').attr('width', $j(window).width());
	$j('#kenburns').attr('height', $j(window).height());
	$j(window).resize(function() {
		$j('#kenburns').remove();
		$j('#kenburns_overlay').remove();
		
		$j('body').append('<canvas id="kenburns"></canvas>');
		$j('body').append('<div id="kenburns_overlay"></div>');
	
	  	$j('#kenburns_overlay').css('width', $j(window).width() + 'px');
		$j('#kenburns_overlay').css('height', $j(window).height() + 'px');
		$j('#kenburns').attr('width', $j(window).width());
		$j('#kenburns').attr('height', $j(window).height());
		
			$j('#kenburns').kenburns({
			images:[
								'http://www.yanaz.com.tr/wp-content/uploads/IMG_0001.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/IMG_0002.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/IMG_0029.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/IMG_0051.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/IMG_0088.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/IMG_0093.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/IMG_0155.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/IMG_0240.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/12430_10151536636957342_2112137222_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/17781_10151538409532342_109618664_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/57911_10151536664462342_1936396206_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/64153_10151470222847342_386043548_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/65757_10151427985847342_1181525549_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/224911_10151327205382342_112872728_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/263225_10151603784362342_386018167_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/547365_10151536667277342_205455366_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/562321_10151819245187342_1243437128_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/602166_10151514345687342_1627963569_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/941430_10151573227167342_2146808590_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/947354_10151580789257342_446100603_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/971477_10151704723247342_601746529_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/998190_10151706720457342_853962484_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/1010954_10152205299897342_6122897_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/1013191_10151706721472342_2008086769_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/1013325_10152265085437342_113471964_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/1013563_10151749775922342_1047888960_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/1044075_10151696389392342_1908538032_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/1044798_10151706726852342_298841272_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/1069989_10151721915552342_255880277_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/1151005_10151819449467342_797948951_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/1234060_10151825021107342_102357581_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/1382329_10151927157622342_636833987_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/1461859_10152030660377342_2027155084_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/1488079_10152080979717342_1563936478_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/1511699_10152189519007342_1522617570_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/1545773_10152159194277342_491034320_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/1558596_10152175752462342_900735897_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/1620822_10152217749377342_1178744847_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/1904071_10152209520212342_268108632_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/1958302_10152281170027342_1494317758_n.jpg'
			,					'http://www.yanaz.com.tr/wp-content/uploads/1970856_10152290366112342_1185426867_n.jpg'
								],
			frames_per_second: 30,
			display_time: 5000,
			fade_time: 1000,
			zoom: 1.2,
			background_color:'#000000'
		});
	});
	$j('#kenburns').kenburns({
		images:[
						'http://www.yanaz.com.tr/wp-content/uploads/IMG_0001.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/IMG_0002.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/IMG_0029.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/IMG_0051.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/IMG_0088.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/IMG_0093.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/IMG_0155.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/IMG_0240.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/12430_10151536636957342_2112137222_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/17781_10151538409532342_109618664_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/57911_10151536664462342_1936396206_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/64153_10151470222847342_386043548_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/65757_10151427985847342_1181525549_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/224911_10151327205382342_112872728_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/263225_10151603784362342_386018167_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/547365_10151536667277342_205455366_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/562321_10151819245187342_1243437128_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/602166_10151514345687342_1627963569_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/941430_10151573227167342_2146808590_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/947354_10151580789257342_446100603_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/971477_10151704723247342_601746529_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/998190_10151706720457342_853962484_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/1010954_10152205299897342_6122897_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/1013191_10151706721472342_2008086769_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/1013325_10152265085437342_113471964_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/1013563_10151749775922342_1047888960_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/1044075_10151696389392342_1908538032_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/1044798_10151706726852342_298841272_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/1069989_10151721915552342_255880277_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/1151005_10151819449467342_797948951_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/1234060_10151825021107342_102357581_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/1382329_10151927157622342_636833987_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/1461859_10152030660377342_2027155084_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/1488079_10152080979717342_1563936478_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/1511699_10152189519007342_1522617570_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/1545773_10152159194277342_491034320_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/1558596_10152175752462342_900735897_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/1620822_10152217749377342_1178744847_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/1904071_10152209520212342_268108632_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/1958302_10152281170027342_1494317758_n.jpg'
		,				'http://www.yanaz.com.tr/wp-content/uploads/1970856_10152290366112342_1185426867_n.jpg'
						],
		frames_per_second: 30,
		display_time: 5000,
		fade_time: 1000,
		zoom: 1.2,
		background_color:'#000000'
	});	
	
	setTimeout(function(){
	    $j('#top_bar').fadeOut();
	    $j('#footer').fadeOut();
	}, 3000);
	
	$j(document).hover(function(){ 
		 $j('#top_bar').fadeIn();
		 $j('#footer').fadeIn();
	},
	function()
	{	
		 $j('#top_bar').fadeOut();
		 $j('#footer').fadeOut();
	});			
});
    
</script>

Siz onu boşverin Wowslider programı ile bilgisayarınızda istediğiniz efekte sliderlar yapıp yayınlayabilirsiniz. Bu da sizin istediğiniz efekt ; http://wowslider.com/jquery-slider-b...urns-demo.html