tab 1

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css">
<script src="http://blog.tinisles.com/scraps/ga/galleria-1.2.5.min.js"></script>
<script src="http://blog.tinisles.com/scraps/ga/themes/classic/galleria.classic.min.js"></script>
<link rel="stylesheet" href="http://blog.tinisles.com/scraps/ga/themes/classic/galleria.classic.css">
 <div id="tabs">     <ul>         <li><a href="#tabs-1">Nunc tincidunt</a></li>         <li><a href="#tabs-2">Proin dolor</a></li>         <li><a href="#tabs-3">Aenean lacinia</a></li>     </ul>     
     <div id="tabs-1">   
 <div id="gallery">     
    <img src="http://upload.wikimedia.org/wikipedia/en/thumb/e/e7/M-6%2C_Kalamazoo_Ave_Interchange_cropped.jpg/405px-M-6%2C_Kalamazoo_Ave_Interchange_cropped.jpg">     
    <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/a/af/Istanbul_-_Museo_archeol._-_Diocleziano_%28284-305_d.C.%29_-_Foto_G._Dall%27Orto_28-5-2006.jpg/450px-Istanbul_-_Museo_archeol._-_Diocleziano_%28284-305_d.C.%29_-_Foto_G._Dall%27Orto_28-5-2006.jpg">     
    <img src="http://upload.wikimedia.org/wikipedia/commons/c/ce/RPS_Rajah_Soliman_D-66.jpg">
</div>
 
         
     </div>     
     <div id="tabs-2">   tab 2 </div>     
     <div id="tabs-3">   
 <div id="gallery">     
    <img src="http://upload.wikimedia.org/wikipedia/en/thumb/e/e7/M-6%2C_Kalamazoo_Ave_Interchange_cropped.jpg/405px-M-6%2C_Kalamazoo_Ave_Interchange_cropped.jpg">     
    <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/a/af/Istanbul_-_Museo_archeol._-_Diocleziano_%28284-305_d.C.%29_-_Foto_G._Dall%27Orto_28-5-2006.jpg/450px-Istanbul_-_Museo_archeol._-_Diocleziano_%28284-305_d.C.%29_-_Foto_G._Dall%27Orto_28-5-2006.jpg">     
    <img src="http://upload.wikimedia.org/wikipedia/commons/c/ce/RPS_Rajah_Soliman_D-66.jpg">
</div>    
     </div> </div>

JavaScript

$( "#tabs" ).tabs();


$('#gallery').galleria({
    width:500,
    height:500
});