Tuesday 2 October 2012

Auto Generate Image CSS

When we would make image gallery on our site, we want every image looks neat and but sometimes to make it, we have to make a php class to generate and make it as thumbnail picture. But I have alternative solution to make gallery image neat looking without php class just by using css.

Here is a trick that could be solve the problem,

Firstly, we make an html file with div name class img_box
After that we put css code to manipulate the image and img_box div
       
    
Then here we go, we could see the preview in the browser. For example, I put my preview image like this :


source image  :
  1. http://jonasdero.deviantart.com/?rnrd=6690#/d5ff1qw
  2. http://jonasdero.deviantart.com/?rnrd=6690#/d5ewhkw 
  3. http://jonasdero.deviantart.com/?rnrd=6690#/d5gctpk
Copyright © 2012 Clighter | Powered by Blogger