How can I make this code shorter

[ronald517]

I'm trying to improve my coding skills and started to learn jquery. I started from simple things like making a very simple image showcase. Here is the code I've written so far. But it seems too long and not very efficient. Is there any way I can improve this?Html:\[code\]<div id="galerija"> <div style="float: left; border: 1px solid red; width: 600px; height: 450px;background-image: url(images/gora_big_main.png);" class="big_image"></div> <div style="float:left;"id="trumbai"> <div style="border: 1px solid red; cursor: pointer; width: 150px; height: 75px; background-image: url(images/gora_trumb_1.png);"class="trumb_1"></div> <div style="border: 1px solid red; cursor: pointer; width: 150px; height: 75px; background-image: url(images/gora_trumb_2.png);"class="trumb_2"></div> <div style="border: 1px solid red; cursor: pointer; width: 150px; height: 75px; background-image: url(images/gora_trumb_2.png);"class="trumb_3"></div> <div style="border: 1px solid red; cursor: pointer; width: 150px; height: 75px; background-image: url(images/gora_trumb_main.png);"class="main_trumb"></div> </div></div>\[/code\]JS\[code\]<script type="text/javascript"> $(function(){ $(".trumb_1").click(function(){ $(".big_image").css("background-image","url('images/gora_big_1.png')"); }); }); $(function(){ $(".trumb_2").click(function(){ $(".big_image").css("background-image","url('images/gora_big_2.png')"); }); }); $(function(){ $(".trumb_3").click(function(){ $(".big_image").css("background-image","url('images/gora_big_3.png')"); }); }); $(function(){ $(".main_trumb").click(function(){ $(".big_image").css("background-image","url('images/gora_big_main.png')"); }); });</script>\[/code\]