FavicoJS, Bu eklenti ile faviconunuzu dinamik olarak değiştirebilirsiniz bu javascript dosyası ile dinamik olarak faviconda rakam, resim, video, webcam eklemeleri yapabilirsiniz ve ie10+, chrome, opera, firefox gibi popüler tarayıcılar tarafından desteklenmektedir.

İçerik göster

FavicoJS İle Favico’yu Dinamik Değiştirme

Dinamik favico ekleme

FavicoJS

favico.js ile oluşturulan favico animasyonlarını ayarlama

Slayt Animasyonu

var favicon=new Favico({
    animation:'slide'
});
favicon.badge(1);

var favicon=new Favico({

animation:'slide'

});

favicon.badge(1);

Geçiş Animasyonu

var favicon=new Favico({
    animation:'fade'
});
favicon.badge(2);

var favicon=new Favico({

animation:'fade'

});

favicon.badge(2);

Pop Animasyonu

var favicon=new Favico({
    animation:'pop'
});
favicon.badge(3);

var favicon=new Favico({

animation:'pop'

});

favicon.badge(3);

Pop ve Geçiş Animasyonu

var favicon=new Favico({
    animation:'popFade'
});
favicon.badge(1);

var favicon=new Favico({

animation:'popFade'

});

favicon.badge(1);

Animasyonsuz

var favicon=new Favico({
    animation:'none'
});
favicon.badge(2);

var favicon=new Favico({

animation:'none'

});

favicon.badge(2);

Favicon Pozisyonunu Ayarlama

var favicon=new Favico({
    position : 'up'
});
favicon.badge(3);

var favicon=new Favico({

position : 'up'

});

favicon.badge(3);

Şekil Ayarları

var favicon=new Favico({
    type : 'rectangle',
    animation: 'slide',
});
favicon.badge(1);

var favicon=new Favico({

type : 'rectangle',

animation: 'slide',

});

favicon.badge(1);

Favico’da Resim Kullanma

var favicon=new Favico({
    type : 'rectangle',
    elementId : 'badgeImage'
});
favicon.badge(2);

var favicon=new Favico({

type : 'rectangle',

elementId : 'badgeImage'

});

favicon.badge(2);

Renk Ayarları

var favicon=new Favico({
    bgColor : '#5CB85C',
    textColor : '#ff0',
});
favicon.badge(3);

var favicon=new Favico({

bgColor : '#5CB85C',

textColor : '#ff0',

});

favicon.badge(3);

Resim Dosyasını Favico’ya Ekleme

var favicon=new Favico();
var image=document.getElementById('imageId');
favicon.image(image);

var favicon=new Favico();

var image=document.getElementById('imageId');

favicon.image(image);

Favico’ya Video Ekleme

var favicon=new Favico();
var video=document.getElementById('videoId');
favicon.video(video);
//stop
favicon.video('stop');

var favicon=new Favico();

var video=document.getElementById('videoId');

favicon.video(video);

//stop

favicon.video('stop');

Favico’ya Webcam Görüntüsü Aktarma

var favicon=new Favico();
favicon.webcam();
//durdur
favicon.webcam('stop');

var favicon=new Favico();

favicon.webcam();

//durdur

favicon.webcam('stop');

Ayarlar

Öznitelik	Varsayılan	Açıklama
bgColor	#d00	Etiket arkaplan rengi
textColor	#fff	Etiket yazı rengi
fontFamily	sans-serif	Yazı font ailesi (Arial, Verdana, Times New Roman, serif, sans-serif,…)
fontStyle	bold	Yazı stili (normal, italic, oblique, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900)
type	circle	Etiket şekli (circle, rectangle)
position	down	Etiket Pozisyonu (up, down, left, upleft)
animation	slide	Etiket Animasyon Türü (slide, fade, pop, popFade, none )
elementId	false	Etikete resim eklemek için image nesnesi id’si gereklidir.

Ayrıntılı bilgi için tıklayınız.

5/5 - (2 votes)

Kategoriler

Bloga e-posta ile abone ol

FavicoJS İle Favico’yu Dinamik Değiştirme