Use Any Font in Webpages As Text
Jan 23, 2009 Advanced, Javascript, Tricks, fonts
Now using javascript we can use any font in web page by using techniques such as Typeface and Facelift Image Replacement (or FLIR) or sIFR. sIFR needs flash while others do not. sIFR is for smoothness look of fonts.
Instead of creating images or using flash just to show your site’s graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS and get original smooth font look whatever you specify, even if the user machine have not those fonts. This technique is limited yet with limited fonts support and also it is recommended to use it for title of headings of web page. All the font at the web page using this technique can heavy things up at server and page might load very slow. Even then it is cool. Type face is easy, flexible and open source.
Tags: essential, facelift, fonts, HTML, Javascript, js, open source, Resources, smoothness, style, text, Tricks, typeface
Simple RollOver Swap Image
Oct 28, 2008 Javascript, Tricks
Adobe Dreamweaver offers a way to Swap Images by adding javascript through its behaviours which uses following functions:
function MM_swapImgRestore() function MM_findObj(n, d) function MM_swapImage() function MM_preloadImages()
And at OnMouseOver and OnMouseOut events you can swap images, but that method adds a lot of javascript code into your pages.
There is another very simple and easy way of swapping images. You need a single js file of 1 kb that will be sufficient for all the pages of your website. Moreover implementation of code is as easy as think and done.
Tags: Javascript, swap, Tricks
Auto Resize Browser Window To Image Size
Sep 27, 2008 Javascript, Tricks
This script is typically best for pop-up windows where you want to display random images on request. It will allow browser window to auto-fit according to the image size.
Tags: browser, Javascript, Tricks, window