Solution

let the file image.png is showing this error "Could not complete your request because the file-format module cannot parse the file" popup.

1) Now Right click on image.png and open with Paint

2) Go to File >> Save-As >>Select PNG format >> then Save and Overwrite the previous file ( Don;t woryy the quality of image remain same )

3) Now you have a new image.png file which can be open with Photoshop without any Error pop up.

Learn more »

We can change Image in a div by clicking on thumbnails using jQuery without any CSS.

DEMO

 HTML CODE

<table border="1" >
 <tr>
     <td colspan="3"><div id="thumb"><img src='Default-Image.jpg' height='200px' widht='200px' ></div>
        </td>
    </tr>
    <tr>
     <td>
   <div id="one"><img src='img-thum1.jpg' height='50px' widht='50px' ></div>
     </td>
     <td>
   <div id="two"><img src='img-thum2.jpg' height='50px' widht='50px' ></div>
     </td>
     <td>
   <div id="three"><img src='img-thum3.jpg' height='50px' widht='50px' ></div>
     </td>
    </tr>    
</table>

jQuery CODE

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>

$("#one").click(function() {
  $("#thumb").html("<img src='Big-Image1.jpg' height='200px' widht='200px' >");
});

$("#two").click(function() {
  $("#thumb").html("<img src='Big-Image1.jpg' height='200px' widht='200px' >");
});

$("#three").click(function() {
  $("#thumb").html("<img src='Big-Image1.jpg' height='200px' widht='200px' >");
});

</script>

Learn more »

After a long gap I today I am going to publish this post I hope you will like this very much as I was also searching such a thing for a long time

This is a cool horizontal auto scroll image slider whose speed changes with the movement of cursor this is very flexible as we can change every property very easily , In this post I will not give tutorial But I will redirect you to the page where I found this thing so enjoy using it .

Don't forget to comeback and comment :)

Visit This Link 

Learn more »

Image Optimizer is a small size ( 1.22 MB) software. After Installation When ever you right click any image or a folder containing images, an option Optimize This will appear.After clicking it a new folder is created on the same location with optimized images.

Features

• It is Fast
• Optimizes images with a right click
• 9MB image optimizes to 60 KB retaining Dimensions and Quality Intact

Learn more »

Changing Opacity on hover is very old and common now.Here is a new jQuery based image effect.This gives a new life to images just see the demo below:)

View Demo

Learn more »

In the previous post there is an automatic method to show full or original image by simply hovering its thumbnail (smaller image in size and dimensions).Then image of full size appears in the tooltip and also disappears on removing cursor.

Here you can view full image or original image by clicking on its thumbnail and clicking it again to get back its thumbnail.See the demo below to see its working.

VIEW DEMO

Learn more »

Have a Look ! At This DEMO

Learn more »

UPDATE POST ON DRAG ABLE IMAGES VISIT HERE

Features

1) Images can be Moved Or Draged On Webpage by Visitors.
2) Any number of Images can be Added
3) Once Installed it can be used any where for any number of times.

DEMO

Installation:

Learn more »

Features

1) Image Zooms on Hovering Cursor Over It.
2) Only One image is used.
3) Once applied it can be used any where in website.

DEMO

Installation:

Learn more »

Notice the effect in images below you will see that their opacity Increases on hovering and when we remove cursor from image they become translucent. You can also add this effect in any image on your blog .This is a one time hack and after that you can give this effect any image of your choice.

How to Change Image Opacity On Hover?


Learn more »