facelift v1.2 » Detailed Examples
The more you learn about Facelift, the more versatile it will become. Take a look at the following pages that offer some simple examples to solve some common problems. View the source of any of the pages for detailed comments.
Links
It is very common to have a header that is also a link. Whenever Facelift encounters a link it will automatically detect it and update the image when it is hovered just as if it was a real link.
» Launch ExampleOutput Methods
Since v1.2, images can be generated in GIF or JPG formats in addition to PNG. PNG is still the default method and the only method to support transparency.
» Launch ExampleRefreshImages Javascript Plugin
Sometimes you need your Facelift generated images to get updated after the page has been loaded. For example, if the window has been resized or the user has zoomed/changed the text size.
» Launch ExampleDetectImages Javascript Plugin
If a user has disabled images but left Javascript on and browses a site that uses Facelift they will see "broken images" instead of the normal text in most browsers.
» Launch Example