SachinKRaj weBLOG

There are lots and lots of tooltip scripts available on net. There are lot many too which provides lots of features like: fading effect, popup effects, onmouseover effects etc. The thing which encouraged me to write this tooltip script is that actually all these effects are not worth adding on my web pages due to heavy page loads, extra javascripts, CSS increases un-wanted HTTP requests and makes web page a bit slow.

The idea behind writing this script to achieve the maximum features with less code, simple, clean and simply customizable. Before getting into code actually, read it’s features below:

Have you ever missed the CSS3 features in IE? If you are a web designer or a Web developer, your answer should obviously be “YES”.  The very basic and popular CSS3 feature is to make rounded corners of DIVs and elements. Firefox, Safari, Chrome are now having full support to CSS3 but IE is still far behind in this race. Jonathan Snook, from snook.ca has already found a solution which defines a VML behavior in IE.  VML is an XML-based approach that Microsoft came up with and proposed it to the W3C.  So, lets now try this method to make rounded corners in IE.

I found a quick and easy way to re-size images with CSS by keeping your image’s aspect ratio. This is very quick you can use it in less than 5 minutes, lets proceed

Lets say you want to show large images on your web page with maximum 200 pixels width, blog or forums just create the following css class into your styling css file:

.resize {
width: 200px;
height : auto;
}

.resize {
width: auto;
height : 300px;
}

Second class will re-size the images by keeping height as 300 pixels. You can use the following classes in <IMG> tags like:

<img src="http://mywbsite.com/myphoto.jpg"  alt="my photo" />

The above solution is always better than putting width and height attributes into the <IMG> tag. Hope it works out for you too.

Anyways you can use any image re-size script with server side script technology like PHP. If you find any fast script, please share a link in comments.