Blogger Resim Slider Yeni İlk Bizde..

Merhaba Arkadaşlar Bugun Sizlere Yepyeni Bir Resim Slider'ı Sunmaktayım. Bu Resim Slider üst Resimdede Görmüş Oldugunuz Gibi Animasyonlu Resim Geçişleri Sağlayan Bir Html Yazılımdır. İster Bloggerda İsterseniz Bedava-Sitemde Kullanabileceğiniz Bir Kod Tasarımıdır. Yazılımı Bir Yabancı Sitede Buldum Ve Bloggera Uyumlu Hale Getirdim. Js. Dosyaları Ve Resimleri Kolay Kolay Silinemez. Gönül Rahatlığıyla Kullanabilirsiniz.

Demo Örneği İçin Tıklayınız.

Büyük Slider Kodu :

$(function(){

var options = {
    firstImageIndex: 5,
    borderWeight: 4
},

params = {
    sources: [
        {
            thumbnail: 'http://www.guzelchat.com/resim/arkaplan2lf9.jpg',
            preview: 'http://www.guzelchat.com/resim/arkaplan2lf9.jpg',
            original: 'http://www.guzelchat.com/resim/arkaplan2lf9.jpg',
            title: 'Woods troll'
        }, {
            thumbnail: 'http://img.webme.com/pic/c/cssjavascript/arkaplan18.png',
            preview: 'http://img.webme.com/pic/c/cssjavascript/arkaplan18.png',
            original: 'http://img.webme.com/pic/c/cssjavascript/arkaplan18.png',
            title: 'A frosty tree New Zealand'
        }, {
            thumbnail: 'http://www.ulusdavetiye.com/yukle/galeri/galeri-Arka-Plan.jpg',
            preview: 'http://www.ulusdavetiye.com/yukle/galeri/galeri-Arka-Plan.jpg',
            original: 'http://www.ulusdavetiye.com/yukle/galeri/galeri-Arka-Plan.jpg',
            title: 'Bloody fog'
        }, {
            thumbnail: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKSpWhTMs6BxrkOLSZRn3A0cGL8OEeFv1ThWtf50XNtM4GfmanjVhSbQo3tn9uuD-cR7KJGFA1ZJv1mwNsArQRAFuNAVp2-xNPfpGZfPBHd78jPw4IAIrVztAXfFqFKLH_yprk7bWvcpI/s1600/arka-plan-wallpaper-4.jpg',
            preview: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKSpWhTMs6BxrkOLSZRn3A0cGL8OEeFv1ThWtf50XNtM4GfmanjVhSbQo3tn9uuD-cR7KJGFA1ZJv1mwNsArQRAFuNAVp2-xNPfpGZfPBHd78jPw4IAIrVztAXfFqFKLH_yprk7bWvcpI/s1600/arka-plan-wallpaper-4.jpg',
            original: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKSpWhTMs6BxrkOLSZRn3A0cGL8OEeFv1ThWtf50XNtM4GfmanjVhSbQo3tn9uuD-cR7KJGFA1ZJv1mwNsArQRAFuNAVp2-xNPfpGZfPBHd78jPw4IAIrVztAXfFqFKLH_yprk7bWvcpI/s1600/arka-plan-wallpaper-4.jpg',
            title: 'Blue dock'
        }, {
            thumbnail: 'http://img467.imageshack.us/img467/9270/wall5ry6.gif',
            preview: 'http://img467.imageshack.us/img467/9270/wall5ry6.gif',
            original: 'http://img467.imageshack.us/img467/9270/wall5ry6.gif',
            title: 'Daisy wallpaper'
        }, {
            thumbnail: 'http://img547.imageshack.us/img547/3853/ffffffffa.jpg',
            preview: 'http://img547.imageshack.us/img547/3853/ffffffffa.jpg',
            original: 'http://img547.imageshack.us/img547/3853/ffffffffa.jpg',
            title: 'Flower'
        }, {
            thumbnail: 'http://www.resimler.tv/data/media/502/vadi-arka-plan.jpg',
            preview: 'http://www.resimler.tv/data/media/502/vadi-arka-plan.jpg',
            original: 'http://www.resimler.tv/data/media/502/vadi-arka-plan.jpg'
        }, {
            thumbnail: 'http://files.myopera.com/yasinekremserim/albums/14257812/yasin%20ekrem%20serim%20twitter%20arkaplan%20resim1.jpg',
            preview: 'http://files.myopera.com/yasinekremserim/albums/14257812/yasin%20ekrem%20serim%20twitter%20arkaplan%20resim1.jpg',
            original: 'http://files.myopera.com/yasinekremserim/albums/14257812/yasin%20ekrem%20serim%20twitter%20arkaplan%20resim1.jpg',
            title: 'I\'ll follow you'
        }, {
            thumbnail: 'http://www.manzara.gen.tr/w1/Renkli-Arka-Planlar5.jpg',
            preview: 'http://www.manzara.gen.tr/w1/Renkli-Arka-Planlar5.jpg',
            original: 'http://www.manzara.gen.tr/w1/Renkli-Arka-Planlar5.jpg',
            title: 'Fresh green trees'
        }
    ]
};

$( '.photocradle' ).photocradle( params, options );

});

</script>

Küçük Slider Kodu :

$(function(){

var options = {
    firstImageIndex: 5,
    borderWeight: 4
},

$( '.photocradle' ).photocradle( params, options );

});

</script>

Düzenlenmesi Gerekenler :

            thumbnail: 'http://www.guzelchat.com/resim/arkaplan2lf9.jpg', Resimin URL'sini Resimin Adını Yazıcaksınız.
            preview: 'http://www.guzelchat.com/resim/arkaplan2lf9.jpg', Resimin URL'sini Resimin Adını Yazıcaksınız.
            original: 'http://www.guzelchat.com/resim/arkaplan2lf9.jpg', Resimin URL'sini Resimin Adını Yazıcaksınız.
            title: 'Woods troll' Resimin Adını Yazıcaksınız.
        }, {

	RapTube - ArabekRap Sitesi
	ArabeskRap'in Tek Adresi A'dan Z'ye Tüm Rapler. Arsız Bela, Asi Styla, Funndy Ve Daha Fazlası İçin Bizi Seçin.
	Müzik Dinleme Portalı
	Yeni Sitemiz Ve Yeni Tasarımımızla Yerli Ve Yabancı Tam 9 Milyon'dan Fazla Müzik Sizlerle
	Html Kodları - Canlı Tv izle - Radyo Dinle
	Html Ve Facebook Kodları Arşiv Sitesi.

Blogger Resim Slider Yeni İlk Bizde..

0 yorum:

Haftanın Hit Yayınları

Sponsor Reklam

Abone Ol

Blogger Eklentileri !

Rastgele Konularımız..!

PHtmlDrive Reklam Alanı