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>