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 »

Here is my First content slider with Tabs.The cool thing about this slider is that there is no need to click Tabs , Just hover with cursor to see content under that tab.Its Simple but powerful jQuery widget.Just see demo link below to see its working =)

View Demo

Learn more »

(Improved)

These are popular jQuery New Horizontal Tabs.Tabs play an important role if we want to use a hot place to display many widgets.These jQuery Tabs are very beautiful and also have many special features.

You can see live Demo HERE

Special features:

1* It loads very Fast.Don't affect page load time

2* No need to upload any Java script or any image etc...

3* You can change the color of these tabs very easily......

4* You can add any number of tabs Or buttons...

5* These have auto fixing or Auto resizing capability.If you paste them in side bar they will automatically reduce their size.No need to Set height and width the most cumbersome job.


Lets begin the installation..

Learn more »