Panneau coulissant sur le forum

4 participants

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Panneau coulissant sur le forum

Message par AenigmA Mar 25 Oct 2011 - 17:29

Rappel du premier message :

Bonjour/bonsoir à vous qui me lirez.

En voyant le script panneau latéral coulissant, cela m'a donné une idée. Je souhaite faire un truc particulier de ce style.

Je vous explique, je souhaiterais qu'il soit centré en bas et ouvert, avec un hover de fermeture quand la souris se trouve dessus.
Pouvez vous m'aider svp ? merci d'avance.


Dernière édition par AenigmA le Jeu 10 Nov 2011 - 18:23, édité 1 fois
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau coulissant sur le forum

Message par AenigmA Jeu 10 Nov 2011 - 17:35

Logiquement avec mes restes d'anglais

outerHeight > outerLeft
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau coulissant sur le forum

Message par AenigmA Jeu 10 Nov 2011 - 17:48

Non ...
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Panneau coulissant sur le forum

Message par quierra Jeu 10 Nov 2011 - 17:49

Et bien là on a maintenant l'ouverture sur le coté : http://testcat.forums-actifs.net/forum

Code:
<script type="text/javascript">
  $(document).ready(function() {
 
        $('.bloc_animation').hover (function(){
            var distance = $(this).outerWidth();
            $(this).find('.mon_image').animate({ left : distance },{queue:false,duration:3000});
        }, function(){
            $(this).find('.mon_image').animate({ left : '0px' },{queue:false,duration:3000});
        });     
      });
</script>

J'ai remplacé le outerHeight par outerWidth et le "top", par "left".
quierra

quierra
****

Féminin
Messages : 278
Inscrit(e) le : 22/08/2007

http://themes-fa.com
quierra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau coulissant sur le forum

Message par kheino Jeu 10 Nov 2011 - 17:57

Wouah, nickel, merci Quierra.

Et voilà, une belle aventure qui s'achève. Mr. Green
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau coulissant sur le forum

Message par AenigmA Jeu 10 Nov 2011 - 18:22

Pour s'amuser on peut toujours continuer à essayer de faire marcher nos idées, ça servira toujours. Merci pour ce bon moment FB et Quierra, sans oublier ceux qui ont lu. Je passe donc en résolu. Bonne soirée à tous.
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau coulissant sur le forum

Message par kheino Jeu 10 Nov 2011 - 18:27

Hey AnigmA, si tu veux cet effet-rideau seulement su l'index, mets le jQuery dans une page de la gestion des JS et tu cliques sur "index" seulement.

Merci aussi à vous deux, et absolument partante pour l'échange d'idées.

Belle soirée.
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum