As far as I see, I find phpThumb() as the best of all PHP thumbnail image generator. It has lots of thumbnail generation features. You can create thumbnail in a number of ways with phpThumb(). phpThumb() uses the GD library to create thumbnails from images (JPEG, PNG, GIF, BMP, etc) on the fly. Basic functionality [...]

Here is a quick tip to crop image to any degree of your choice in Magento. The crop function of Varien_Image does the magic :) Here goes the code:

Here is a quick tip to rotate image to any degree of your choice in Magento. The rotate function of Varien_Image does the magic :) Here goes the code:

It’s very very easy to create watermark image with Magento code. The Varien_Image class does the magic. The function watermark creates watermark on the image.

In my previous article to resize image in Magento, I had written direct code to resize any image. Here, I will be writing a simple function to resize image proportionally, which can be kept in the helper file of the module (as helper file can be accessed by any template (.phtml) file). Here is the [...]

In adminhtml, you might have the following code in any form. Here ‘logo‘ is the name of the input type file. Or, you may have any HTML Form with the File field in the frontend page. Remember that your form’s enctype should be multipart/form-data.

Here, I will show you how to preview Image with grey out background effect. I mean, you will be able to preview large image when you click the thumbnail image. The background of the page will be greyed and the image will be displayed as popup. View Demo || Download Code

Here, I will show you how to preview Image with Zoom effect. I mean, you will be able to preview large image when you hover the thumbnail image. The image is zoomed when hovered. View Demo || Download Code

Here, I will show you how to preview Image as a tooltip effect. I mean, you will be able to preview large image when you hover the thumbnail image. The preview is shown as tooltip is shown generally. View Demo || Download Code

I have created a bit of image animation with the Transfer effect of jQuery UI. By animation, I just mean fade in and out. But the transfer effect makes it so beautiful :). The Transfer effect can be used with effect() method. This Transfers the outline of an element to another element. Very useful when [...]

I have made a very simple jQuery slideshow. When you click the play button, then the images changes with fade in and fade out effect. View Demo || Download Code

In this article, I will be showing you how you can replace string, div content, and image src value with jQuery. You can do this by replace() function in jQuery.

In my previous post on getting height and width of image , I have written focusing on product image,  i.e. getting height and width of product image. In this case, I will be showing you how to get height and width of any image in Magento. The image need not to be product image.

Image functions are defined in catalog/image helper. getOriginalWidth gives width of image. getOriginalHeigh gives height of image. It is not getOriginalHeight().  Spelling mistake from Magento :- )

You can resize image with fixed height and variable width. Or, you can resize with fixed width and variable height. Following code shows how you do it in Magento. Fixed width of 600px