Witam serdecznie.
Chciałbym zrobić na swojej stronie zmianę rozmiaru czcionki. Tzn. 2 guziczki (powiększ i pomniejsz) po kliknięciu których czcionka w wybranych klasach zostanie powiększona.
Klasy które chciałbym powiększyć to: .tytul, .tresc, .zajawka. Każda klasa ma inny rozmiar.
Aktualnie mam taki kod:
$(document).ready(function ($) { if (typeof localStorage.font === 'undefined') { localStorage.font = 0; } loadSettings(); $(".fontSizeChanger1").click(function (e) { if (localStorage.font < 3) { addValues(); } }); $(".fontSizeChanger2").click(function (e) { if (localStorage.font > 0) { removeValues(); } }); function loadSettings() { if (localStorage.font != 0 ) { $(".tytul *").css('font-size', '+=' + localStorage.font); $(".tresc *").css('font-size', '+=' + localStorage.font); $(".zajawka *").css('font-size', '+=' + localStorage.font); } } function removeValues() { localStorage.font = parseInt(localStorage.font) - 1; loadSettings(); } function addValues() { localStorage.font = parseInt(localStorage.font) + 1; loadSettings(); } });
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)