Home » Archive

Articles tagged with: image

Magento, Magento 2 »

[23 Jun 2016 | One Comment]

This article shows how get height and width of the media images in Magento 2.
In this example, we will load product by id or sku and then fetch and display height and width of product small image.
To load the product, we will be using Magento 2’s Service Layer for this task. Use of Service Layer is highly encouraged by Magento.

Magento, Magento 2 »

[16 Jun 2016 | No Comment]

This article shows how to resize product image in Magento 2. In this example, we will be loading a product by id or sku and then resizing its image. We will also be injecting the object of Catalog Helper Image class for image resize purpose.
To load the product, we will be using Magento 2’s Service Layer for this task. Use of Service Layer is highly encouraged by Magento.

Magento, Magento 2 »

[19 May 2016 | One Comment]

This article shows how we can get the URL and ALT text of a Logo of the Magento 2 website. The article also include code to fetch Logo Height and Width.
Logo Image Width and Logo Image Height is fetched from Configuration Settings (Stores -> Settings -> Configuartion -> General -> Design -> Header).

LaTeX »

[27 Jul 2015 | No Comment]

Here is a step-by-step guide on including and scaling SVG image on LaTeX.
1) Download and install Inkscape: https://inkscape.org/en/download/
2) Suppose, I have an svg image named “image.svg“.
Run the following command that exports your svg image to PDF and LaTeX format.

Joomla »

[28 Apr 2015 | One Comment]

I had to add an image slideshow just at the beginning of an article in Joomla CMS. I searched for such extension and found few good ones.
1) Simple Picture Slideshow | Demo

PHP, Review »

[2 Feb 2011 | One Comment]

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 is available even if GD functions are not installed (as long as ImageMagick is installed).

Magento »

[23 Mar 2010 | 3 Comments]

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:

Magento »

[19 Mar 2010 | 2 Comments]

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:

Magento »

[12 Mar 2010 | 6 Comments]

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.

Magento »

[24 Feb 2010 | 9 Comments]

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 custom image resize function. This function will resize image proportionally.

Magento »

[19 Feb 2010 | 13 Comments]

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.

jQuery »

[13 Feb 2010 | 24 Comments]

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

jQuery »

[12 Feb 2010 | 4 Comments]

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

jQuery »

[10 Feb 2010 | 10 Comments]

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

jQuery »

[2 Feb 2010 | No Comment]

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 trying to visualize interaction between two elements.