Geliştirici hakkında herhangi bir bilgi bulamadım yani kimin yaptığını bilmiyorum. MIT lisansı ile lisanslanmış buda herkese bu örneğin benimdir diyebilmesi gücünü veriyor. Bu örneği sourceforge.net sitesinden buldum. Yalan söylemeye gerek yok benim değil ben yapmadım.
Yinede bazı arkadaşların işine yarayabilir düşüncesiyle bu örneği paylaşmak istedim. Bence bazı değil birçok kişinin işine yarayabilecek bir özellik. Sayfada görünen kaydırak diyelim artık ona slide kayan anlamına geliyor 🙂 kaydırak üzerinde bulunan buton sağa sola taşındığı zaman yazı boyutu büyütülüp küçültülebiliyor. Herkes mükkemmel bir şekilde görme yeteneğine sahip değil. Sizin işinize yaramazsa bile ziyaretçilerinizin işine yarayacak bir özellik.
Bu gün çok san sıkıcı geçti direk demo ve download adresleri vericem. Yapamayan olursa yorum yapsın anlatırım nasıl kullanacağını.
Zaten download örneğinde hazır kurulu bir örnek mevcut bu konuda yorum yapacak birilerinin olacağını düşünmüyorum.
$(document).ready(function() {
//get current font-size
var current_font_size=$(".mytext").css("font-size");
//add to attribute "title"
$( "#slider" ).attr("title",current_font_size);
current_font_size=parseInt(current_font_size);
//create slider
$("#slider").slider({ value: current_font_size },{ range: 'min' },{ orientation: 'horizontal' });
//set "min" and "max" options
$("#slider").slider( "option", "min",5 );
$("#slider").slider( "option", "max",72 );
//when slider is moving, get value and set "css font-size"
$("#slider").bind( "slide", function zoom_fonts(){
var value = $( "#slider" ).slider( "option", "value" );
$(".mytext").css("font-size",value);
//add to attribute "title"
$("#slider").attr("title",value.toString()+"px");
});
//animate
$("body").bind('mouseover', function(){
$("#background_slider>#motto").fadeOut(6500);
$("#background_slider>#motto").fadeIn(100);
});
});