Hi i am in the middle of a project, i got a script for slideshow. i would like to add more pictures (minimum 6) . The existing script got only 3 images, can someone help me to add more pics to that script please. i have attached the script here.
var Site = { start : function($) { // Popup Links jQuery("a.popup").click( function(event) { event.preventDefault(); window.open($(this).attr("href")); } ); // Home page loading animation function startQue() { clearTimeout(showStart); jQuery("#wordmark").fadeOut("slow", loadContent); } function loadContent(){ jQuery("#content").fadeIn("slow", loadHero); }; function loadHero() { setTimeout(showHero1, 3000); setTimeout(hideHero1, 3000); }; function showHero1() { $("#featImg01").fadeIn("slow"); }; function hideHero1() { $("#featImg01").parent().fadeOut("slow"); setTimeout(showHero2, 3000); setTimeout(hideHero2, 3000); }; function showHero2() { $("#featImg02").parent().fadeIn("slow"); }; function hideHero2() { $("#featImg02").parent().fadeOut("slow"); setTimeout(showHero3, 3000); }; function showHero3() { $("#featImg03").parent().fadeIn("slow"); $("#nav").fadeIn("slow"); rloadHero(); }; var loading = $("#wordmark").size(); if (loading == 1) { $("#wordmark").show(); var showStart = setTimeout(startQue,3000); } else { showHero(); } function showHero() { rloadHero(); } function rloadHero() { setTimeout(rshowHero1, 2000); setTimeout(rhideHero1, 6000); }; function rshowHero1() { $("#featImg02").parent().hide(); $("#featImg03").parent().hide(); $("#featImg01").parent().fadeIn("slow"); }; function rhideHero1() { $("#featImg01").parent().fadeOut("slow"); setTimeout(rshowHero2, 2000); setTimeout(rhideHero2, 6000); }; function rshowHero2() { $("#featImg02").parent().fadeIn("slow"); }; function rhideHero2() { $("#featImg02").parent().fadeOut("slow"); setTimeout(rshowHero3, 2000); setTimeout(rhideHero3, 6000); }; function rshowHero3() { $("#featImg03").parent().fadeIn("slow"); }; function rhideHero3() { $("#featImg03").parent().fadeOut("slow"); setTimeout(rshowHero1, 2000); setTimeout(rhideHero1, 6000); }; // Projects Slideshow if ($(".slide").size()==1){ $(".slide>ul>li").css("display","block"); $.getScript("assets/js/mousewheel.plugin.js"); $.getScript("assets/js/ufslide.plugin.js", function(){ $("#desc").hide(); $(".slide").slide({ btnNext: ".next", btnPrev: ".prev", auto: false, mouseWheel: true }); }); } // Project Details Pop-up $("#prjPopup").toggle(function(event){ event.preventDefault(); showProjectDesc(); },function(){$("#desc").fadeOut("slow");$("#desc").attr ("style","display:none;");}); //$("#desc").bind("mouseleave",function(){$(this).fadeOut("slow");$ (this).attr("style","display:none;");}); function showProjectDesc(){ var prjDesc = $("#desc"); var prjDescH = prjDesc.height(); var prjNav = $("#slidenav"); var prjPosition = prjNav.position(); var prjDescTop = prjPosition.top; $("#desc").show().animate({top: (prjDescTop-prjDescH) - 10, opacity: '0.7'}, "12000",'easeInOutQuad'); } $("#desc").removeClass("descPop"); // Email obfuscator $("dd#email").each(function() { var email = String($("dd#email").html()).replace(/\s*\(.+\)\s*/, "@"); $("dd#email").html(email); }); } } jQuery.noConflict(); //slide easing start jQuery.easing['jswing'] = jQuery.easing['swing']; jQuery.extend( jQuery.easing, { def: 'easeOutQuad', swing: function (x, t, b, c, d) { //alert(jQuery.easing.default); return jQuery.easing[jQuery.easing.def](x, t, b, c, d); }, easeInQuad: function (x, t, b, c, d) { return c*(t/=d)*t + b; }, easeOutQuad: function (x, t, b, c, d) { return -c *(t/=d)*(t-2) + b; }, easeInOutQuad: function (x, t, b, c, d) { if ((t/=d/2) < 1) return c/2*t*t + b; return -c/2 * ((--t)*(t-2) - 1) + b; } }); //slide easing Over jQuery(document).ready(function($){ Site.start($); }); Thank you very much Raj