benshepherd icon

fade in/out gallery

benshepherd | PRO | 06/04/13 09:56:13 AM UTC | 0 ⭐ | 298 👁️ | Never ⏰ | []
JavaScript |

1.34 KB

|

None

|

0 👍

/

0 👎

 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();
 };

Comments