Comment faites glisser le texte et les images de gauche à droite avec un effet de glissement

Je suis entrain de créer une page web où j'ai besoin de faire glisser le texte et de l'image de telle façon que l'image de diapositives à partir de la gauche et ensuite le texte des diapositives à partir de la droite en cliquant sur un bouton en utilisant jquery/javascript.

Veuillez cocher cette curseur je veux que mes textes et de l'image de la diapositive comme ce

Veuillez me suggérer nécessaires js/JQuery

  • pls vérifier le lien que j'ai fourni
  • Avez-vous rechercher? Rien trouvé? Rien essayé?
  • Sur cette page jquery.malsup.com/cycle
  • Ay, avez-vous rechercher? Ou vous êtes en attente pour les autres à la recherche pour vous?
  • Je suis passé par le web trouvé de nombreux. Mais aucun d'eux n'était pas ce genre
  • intellicompute.com/wp-content/themes/doover/js/cycle/...
  • none of them was not this kind. Si vous avez trouvé quelque chose de ce genre?

InformationsquelleAutor Thejdeep | 2013-05-31
  1. 3

    Exemple sur Jquery API et démo

    Tutoriel sur la daneden.moi

    he text and image in such a way that image slides from left and then the text slides from right on clicking a button by using jquery/javascript

    Ce que vous mettez à l'intérieur de la div et c'est une solution:

    <!DOCTYPE html>
<html>
<head>
<style>
div {
position: relative;
background-color: #abc;
width: 40px;
height: 40px;
float: left;
margin: 5px;
}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<p><button id="go">Run »</button></p>
<div class="block"></div> <div class="block"></div>
<div class="block"></div> <div class="block"></div>
<div class="block"></div> <div class="block"></div>
<script>
$( "#go" ).click(function(){
$( ".block:first" ).animate({
left: 100
}, {
duration: 1000,
step: function( now, fx ){
$( ".block:gt(0)" ).css( "left", now );
}
});
});
</script>
</body>
</html>
    • Ma réponse est utile pour vous? @Thejdepp
    • Merci @Mirko Cianfarani je vais vérifier cela et vous le fait savoir
    • Je vais être en attente pour les nouvelles de vous @Thejdeep
    • Qui fonctionne bien, merci....!
    InformationsquelleAutor Mirko Cianfarani
  2. 0

    C'est possible avec css3 & jquery.

    Il y a quelques belles Plugins & tutoriels. De les télécharger et de les ajuster comme u le souhaitez.

    http://www.sequencejs.com/themes/category/free/

    http://tympanus.net/codrops/2012/03/15/parallax-content-slider-with-css3-and-jquery/

    • Je ne serais pas encore recommandé CSS3, il n'est pas dans les anciennes versions d'IE comme le 8.
    InformationsquelleAutor geovani075