I am using FlipOut to move to a NEXT image and want to use FlipIn to move back to PREVIOUS image.

Can anyone help?

Kind Regards

*{
padding: 0;
margin: 0;
font-family: verdana, arial;
font-size: 12px;
}

h3{
font-size: 1.3em;
margin: 10px;
}

p{
margin: 10px;
}

a{
text-decoration: none;
text-color: #007BEC;
}

a:hover{
text-decoration: underline;
}

a img{
border: none;
margin: 0 10px 0 0;
}

body{
background: #FFF;
padding: 50px;
}

/* Example style */
.SplashFrame{
width: 497px;
height: 236px;
margin: 0 auto;
padding: 27px 0 0 36px;
}

.SlashEff{
background: url(Images/tryitnow.jpg) no-repeat 0 0;
width: 550px;
height:62px;
margin: 20px auto 0;
padding: 5px 0 0 60px;
}

.SlashEff ul li{
float: left;
list-style-image: none;
list-style-type: none;
width: 100px;
cursor: pointer;
}

.SlashEff ul li:hover{
text-decoration: underline;
}

var ImgIdx = 2;
function PreloadImg(){
$.ImagePreload(“images/slash1.png”);
$.ImagePreload(“images/slash2.png”);
$.ImagePreload(“images/slash3.png”);
$.ImagePreload(“images/slash4.png”);
}
$(document).ready(function(){
PreloadImg();
$(“.SlashEff ul li”).click(function(){
$(“.Slash”).ImageSwitch({Type:$(this).attr(“rel”), NewImage:”images/slash”+ImgIdx+”.png”, speed: 4000 });
ImgIdx++;
if(ImgIdx>4) ImgIdx = 1;
});
});

TRY EFFECTS

Fade in
Fade in
Fade in
Fade in

I’d love to use just the fade effect to cycle through a couple of photos, how could you set this up to auto cycle through every 3 seconds?

Thanks