Panneau coulissant sur le forum

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 le 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
+ Hyperactif +

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 le Jeu 10 Nov 2011 - 17:35

Logiquement avec mes restes d'anglais

outerHeight > outerLeft

AenigmA
+ Hyperactif +

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 le Jeu 10 Nov 2011 - 17:48

Non ...

AenigmA
+ Hyperactif +

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 le 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
****

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 Final-Blonde le Jeu 10 Nov 2011 - 17:57

Wouah, nickel, merci Quierra.

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

Final-Blonde
# Tropactif #

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

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

Résolu Re: Panneau coulissant sur le forum

Message par AenigmA le 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
+ Hyperactif +

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 Final-Blonde le 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.

Final-Blonde
# Tropactif #

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

http://www.siteduzero.com/
Final-Blonde 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


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