Link: http://www.freelancer-id.com/easy-gallery/

In Thursday, July 29, I have published a new jQuery gallery plug-in named as Easy Gallery.
This gallery is easy to be used and has a simple code.

Not talking too much about it, i will provide you with all links available.
But let me tell you how does this gallery work:

The HTML code used for Easy Gallery as follow:

<div id="gallery">
    <ul>
        <li><img src="image1.jpg" border="0" alt="" /></li>
        <li><img src="image2.jpg" border="0" alt="" /></li>
        <li><img src="image3.jpg" border="0" alt="" /></li>
        <li><img src="image4.jpg" border="0" alt="" /></li>
        <li><img src="image5.jpg" border="0" alt="" /></li>
    </ul>
</div>
<div id="ssgThumbs"></div>

Read more »

Link: http://blog.freelancer-id.com/index.php/2009/05/24/jquery-animate

In the last jQuery Animate article I wrote, I mentioned how to use the .animate() function with few tricks.

But here, I am going to write about jQuery Animate function in general and I will explain few things and some tricks.

The jQuery Animate is a smart object because could be used at any syntax.
I mean,
We can use the default syntax of this function as follow:

$().animate({
/* params */ },
/* integet time period in milliseconds */
);


Read more »

Link: http://www.freelancer-id.com/files/map/

Hi reader,
Today i have experienced something new with images.
I created HTML page contains image. This image was mapped by using <MAP tag.

Actually,
You can’t find these areas when are browsing this page.. Because these areas (dimensions) are hidden and have nothing to be identified.

So, I was looking for way to identify these areas with something till i had an idea of adding borders or creating a floating DIV with 0.3 opacity to tell the visitor that you are pointing to this area.

Read more »

Here I will mention how to use the jquery animate function and the usability and flexibility of it.
The syntax of this function is:

$.animate(options, settings, callback);
/* you can replace setting with duration (in milliseconds) or words: 'slow', 'normal' or 'fast'.
callback is optional */

Below is a list of popular and most used animation:

• increasing/decreasing width and height
• moving or scrolling html element
• changing opacity
• scrolling window

Now let me explain each in an example.

Read more »