Mintik posted
4 year ago

jQuery ile makaledeki metni büyütme kodu

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);
});
});
Mintik is curious about your thoughts. Add a comment
Did you know that members who log in don't see ads?
Sign in with E-mail