Module Cross fading images

[dolnar]

Bonsoir à tous,

Je recherche un module de Cross fading images. Comme sur le site suivant (Demo 1):

http://css3.bradshawenterprises.com/cfimg/#cfimg4

Je voudrais réalisé un alignement de 5 images qui zoom et change de couleur au survole.
Je l'ai essayé en from scratch mais j'arrive pas à faire les deux simultanément. Je cherche depuis quelques minutes une extension qui puisse le faire et l'appeler sur un article. Si vous avez la solution en from scratch, je suis tout oui. Merci d'avance.

Voici le code css que j'ai utilisé pour une image mais je n'ai que le zoom:

div.container{
      width: 90%;
      margin: auto;
    }


    div.container p.picture{
      position: relative;
      width: 50%;
      margin: 0 auto;
    }


    div.container p.picture img{
      position: absolute;
      display: inline-block;
      top: 0;
      margin: 50px auto;
      width: 20%;
    }


    div.container p.picture img.top{
      -webkit-transform: scale(0,0);
      -moz-transform: scale(0,0);
      -o-transform: scale(0,0);
      transform: scale(0,0);
      -webkit-transition: opacity 0.8s ease-in;
      -moz-transition: opacity 0.8s ease-in;
      -o-transition: opacity 0.8s ease-in;
      transition: opacity 0.8s ease-in;
      opacity: 1;
      z-index: 99;
    }


    div.container p.picture img.top:hover{
      opacity: 0;
    }


    div.container p.picture img.bottom{
      z-index: 0;
      -webkit-transition: transform 0.8s ease-in;
      -moz-transition: transform 0.8s ease-in;
      -o-transition: transform 0.8s ease-in;
      transition: transform 0.8s ease-in;
    }


    div.container p.picture img.bottom:hover{
      transform: scale(1.5);
    }
  </style>

[manu93fr]

Re : Module Cross fading images

Bonsoir,
plutot que te lancer dans du code que tu ne maîtrise pas ... tu n'as rien trouvé dans la JED ? Parce que c'est une effet assez répandu ...
une extension parmi d'autre avec énormément d'effet divers et variés

https://www.joomlack.fr/extensions-joomla/image-effect-ck

[dolnar]

Re : Module Cross fading images

Bonjour Manu,

Je maîtrise certains effets en css mais pas tous. C'est en forgeant que l'on devient forgeron. Je vais essayer cette extension. Et voir si elle me permet de faire la transition entre deux images.

Bien à vous,
Dolanar

[manu93fr]

Re : Module Cross fading images

Je maîtrise certains effets en css mais pas tous. C'est en forgeant que l'on devient forgeron

oui mais quand tu as deja certain effet a ta disposition deja correctement codé ... pourquoi vouloir réinventer la roue ?

[dolnar]

Re : Module Cross fading images

Juste le faite de savoir le faire soi-même est une fierté en soi. Mais c'est vrai que pour gagner du temps en productivité cela peux aider mais savoir optimiser ces extensions est important. Je dois aussi apprendre réaliser mes propres extensions et j'y arriverais.