Problème de glissement Jquery. Quelqu'un peut-il aider

Question

je crée une diapositive jquery que je veux l'image 2 glisser 1 à partir de la gauche et l'autre 1 glisser à partir de la droite. Enfin, l'image peut glisser de gauche mais ne peut pas glisser dans la forme à gauche. izit quelque chose de mal de mon code ?? Toute suggestion??

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('.slideshow').cycle({ 
    fx: 'custom', 
    cssBefore: { 
     top: 0, 
     left: 0, 
     width: 0, 
     height: 0, 
     zIndex: 1 
    }, 
    animIn: { 
     right: 0, 
     width: 200, 
     height: 200 
    }, 
    animOut: { 
     top: 200, 
     left: 200, 
     width: 0, 
     height: 0 
    }, 
    cssAfter: { 
     zIndex: 0 
    }, 
    delay: -1000 
}); 
    $('.slideshow2').cycle({ 
    fx: 'custom', 
    cssBefore: { 
     top: 0, 
     left: 0, 
     width: 0, 
     height: 0, 
     zIndex: 0 
    }, 
    animIn: { 
     width: 200, 
     height: 200 
    }, 
    animOut: { 
     top: 200, 
     right: 200, 
     width: 0, 
     height: 0 
    }, 
    cssAfter: { 
     zIndex: 0 
    }, 
    delay: -1000 
}); 
}); 
</script> 

Answer 1

Est-this the effect que vous cherchez?

$(document).ready(function() { 
    $('.slideshow').cycle({ fx: 'custom', cssBefore: {top:0,left:0,width:0,height:0,zIndex: 1}, 
    animIn: {right:0,width:240,height:160}, 
    animOut: {top:0,left:0,width:0,height:0}, 
    cssAfter: {zIndex:0}, 
    delay: -1000 }); 
    $('.slideshow2').cycle({ fx: 'custom', cssBefore: {top:0,left:240,width:0,height:0,zIndex:0}, 
    animIn: {left:0,width:240,height:160}, 
    animOut: {top:0,left:240,width:0,height:0}, 
    cssAfter: {zIndex:0}, 
    delay: -1000 }); 
}); 

I a changé le code de sorte que les éléments .slideshow2, commencent par le côté gauche à 100% de leur largeur réelle, 240px dans ce cas. Le animIn change la gauche en 0 et animOut le remet à 240. Cela provoque l'apparition de l'image à partir de la droite de la boîte contenant.