fade in/out gallery

 var i = 0;

 function galleryChange() {

     var d = $("#banner #imgs");

     d.fadeOut(500);

     setTimeout(function () {

         d.html('<img src="' + gallery_pics[i].src + '" title="' + gallery_pics[i].title + '">' + '<img src="' + gallery_pics[i + 1].src + '" title="' + gallery_pics[i + 1].title + '">' + '<img src="' + gallery_pics[i + 2].src + '" title="' + gallery_pics[i + 1].title + '">');

     }, 500);

     setTimeout(function () {

         d.fadeIn(500);

     }, 750);

     i += 3;
     if (i == 9) i = 0;
 };
 var gallery_pics = [{
         title: "Blonde",
         src: "images/women/1.jpg",
     }, {
         title: "Dark",
         src: "images/women/2.jpg",
     }, {
         title: "Brunette",
         src: "images/women/3.jpg",
     }, {
         title: "Light brown",
         src: "images/women/4.jpg",
     }, {
         title: "Light brown",
         src: "images/women/5.jpg",
     }, {
         title: "Brunette",
         src: "images/women/6.jpg",
     }, {
         title: "Blonde",
         src: "images/women/7.jpg",
     }, {
         title: "Blonde",
         src: "images/women/8.jpg",
     }, {
         title: "Dark",
         src: "images/women/9.jpg",
     },
 ];

 setInterval(galleryChange, 3000);

 window.onload = function () {
     galleryChange();
 };