AMFImageRendering
his feature has the goal to help to manage the images for different types of devices , you must only make one images (in high definition is better) into the directory where you have defined the Filter for example /mobile.
Is the ideal for make mobile ads or mobile images album.
In this directory you will put all the images you want to convert. Every time a device do a request in that particular URI for example /mobile/logo.png the filter read the width of the device from WURFL and resize the image and save it into the directory that you have defined in "ResizeImageDirectory". If another device with same capability do the same request, the image is take it directly to file system.
Image Filter Test Page: http://www.apachemobilefilter.org/test/AMFImageRendering.php
This is an example of images you can have:
Samsung SGH-i780 or iPhone (320x38)
Blackberry 8800 (315x38)
Nokia N73(229x27)
Configuration:
Prerequisite: AMFWURFFilter or AMFWURFLFilterMemcached must be installed
Open the file httpd.conf of your webserver. And configure this few parameter:
PerlSetEnv AMFMobileHome /server_root/MobileFilter
#This indicate to the filter where put the transformated images (cache directory) this directory must be writeable
PerlSetEnv ResizeImageDirectory /tmp/cached
PerlModule Apache2::AMFWURFLFilter
PerlTransHandler +Apache2::AMFWURFLFilterMemcached
#This is indicate to the filter were are stored the high definition images
<Location /mobile/*>
SetHandler modperl
PerlOutputFilterHandler Apache2::AMFImageRendering
</Location>
HTML Syntax
The image is scaled to the size of the witdth of the mobile devices:
<img src="/mobile/logo.png">
The image is scaled to the 50% of the width of the mobile devices:
<img src="/mobile/logo.png?dim=50">
The width of the image is 80px:
<img src="/mobile/logo.png?width=80">
You can build your page (in WML, CHTML or XHTML) like illustrated in this example
|
