»
EnglishFrenchVietnamese

Print - Web Font Size Switcher - JavaScriptBank.com

Full version: jsB@nk » Text » Web Font Size Switcher
URL: http://www.javascriptbank.com/web-font-size-switcher.html

Web Font Size Switcher © JavaScriptBank.comWeb Font Size Switcher enables the ability for your visitors to change the font size on your webpages, and uses cookie to remember the size setting. The script is very easy to setup in order to works on any webpage. You can also custom the CSS classes to only apply the effect a portion of the page, so just HTML font size of that area changes.

Full version: jsB@nk » Text » Web Font Size Switcher
URL: http://www.javascriptbank.com/web-font-size-switcher.html



CSS
<link href="doctextsizer.css" rel="stylesheet" type="text/css" />


JavaScript
<script type="text/javascript" src="doctextsizer.js">/************************************************ Document Text Resizer Script- by JavaScript Kit (www.javascriptkit.com)* This notice must stay intact for usage* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more***********************************************/</script>


HTML
<p align="center">Select the desired text size (persisted using cookies):<br /><a href="#" class="texttoggler" rel="xsmallview" title="extra small size"><img src="xsmallview.png" /></a> <a href="#" class="texttoggler" rel="smallview" title="small size"><img src="smallview.png" /></a> <a href="#" class="texttoggler" rel="normalview" title="normal size"><img src="normalview.png" /></a> <a href="#" class="texttoggler" rel="largeview" title="large size"><img src="largeview.png" /></a> <a href="#" class="texttoggler" rel="xlargeview" title="extra large size"><img src="xlargeview.png" /></a></p><script type="text/javascript">//documenttextsizer.setup("shared_css_class_of_toggler_controls")documenttextsizer.setup("texttoggler")</script>


Files
/javascript/text/Web_Font_Size_Switcher/doctextsizer.css/javascript/text/Web_Font_Size_Switcher/doctextsizer.js/javascript/text/Web_Font_Size_Switcher/largeview.png/javascript/text/Web_Font_Size_Switcher/normalview.png/javascript/text/Web_Font_Size_Switcher/smallview.png/javascript/text/Web_Font_Size_Switcher/xlargeview.png/javascript/text/Web_Font_Size_Switcher/xsmallview.png