Script Zoom

chenoxx a écrit :
Je veux faire la même chose qe l'exemple (http://www.shopdev.co.uk/blog/font-resize.html), mais vu qu'il y a déjà un CSS appliquée sur mes pages le script ne fonctionne pas dans mon cas, j'espère que c'est claire pour vous ...

http://www.shopdev.co.uk/blog/font-resize.html

Merci bcp

style="font-size: 16px;"

mathieu1004 a écrit :
J'ai observé un style qui s'ajoute a la balise html avec firebug , dans l'onglet html : de base il n'y a pas de style marqué pour la balise html , puis quand on increase ca ajoute un style qui passe a 19.2px ( soit bien 16 fois 1.2 ) , qui passe a 15,36 ( 19.2 * 0,.8 ) et si je fais reset ca écris bien 16px .

// Quand le document est prêt, on procède...
$(document).ready(function(){
  // On récupère avant tout le font-size initial de HTML. Apparemment, ça semble retourner une valeur en pixels.
  var originalFontSize = $('html').css('font-size');

// On défini qu'en cliquant sur Reset, on remet le font-size de HTML à son font-size initial stocké juste avant
  $(".resetFont").click(function(){
  $('html').css('font-size', originalFontSize);
  });


// On défini l'événement click de l'élément Increase
  $(".increaseFont").click(function(){
// On récupère le font-size actuel de HTML (qui peut avoir changé après plusieurs Increase ou Decrease)
  	var currentFontSize = $('html').css('font-size');
// On récupère la valeur numérique du font-size actuel de HTML (par exemple, 16 au lieu de 16px)
 	var currentFontSizeNum = parseFloat(currentFontSize, 10);
// On calcule le nouveau font-size en multipliant le font-size actuel de HTML par 1.2
    var newFontSize = currentFontSizeNum*1.2;
// On applique le nouveau font-size à HTML
	$('html').css('font-size', newFontSize);
	return false;
  });
  // Cette fonction fait exactement l'inverse de la fonction Increase, pas besoin d'expliquer à nouveau
  $(".decreaseFont").click(function(){
  	var currentFontSize = $('html').css('font-size');
 	var currentFontSizeNum = parseFloat(currentFontSize, 10);
    var newFontSize = currentFontSizeNum*0.8;
	$('html').css('font-size', newFontSize);
	return false;
  });
});