Piwigo.org

Gotcha · 2012-05-01 17:46:30

Bonjour,

Je suis tombé sur une page où l'affichage de certaines information est faite d'une manière qui me plait bien.

http://benbjorn.megashot.net/photos/212889

Survolez la photo et vous déplierez les infos.
Ca me plait :-D

La question est : comment qu'on faiiiiiiiiiiiiiiiiiiiiiiiiiit ????????

Merci pour vos renseignements ;-)

mistic100 · 2012-05-02 13:02:23

sans avoir regardé leur code moi je ferais avec jQuery

Code:

$('#wrapper').hover(
  function() {
    $('#bloc_haut').slideDown();
    $('#bloc_bas').slideDown();
  },
  function() {
    $('#bloc_haut').slideUp();
    $('#bloc_bas').slideUp();
  }
);

Code:

<div id="wrapper">
  <div id="bloc_haut"></div>
  <div id="image"><img></div>
  <div id="bloc_bas"></div>
</div>

flop25 · 2012-05-02 16:19:32

oh ouais c'est assez basique en jquery ; après faut régler les paramètres duration etc

flop25 · 2012-05-02 16:23:16

//--------- START CODE - animation code ------------
animatedcollapse.addDiv('div1', 'fade=3,speed=300,group=pets,persist=1,hide=1');
animatedcollapse.addDiv('div2', 'fade=3,speed=300,group=pets,persist=1,hide=1');
animatedcollapse.addDiv('div3', 'fade=3,speed=300,group=pets,persist=1,hide=1');
animatedcollapse.addDiv('inviteCommboxId1', 'fade=3,speed=300,hide=1');
animatedcollapse.addDiv('inviteCommboxId2', 'fade=3,speed=300,hide=1');
animatedcollapse.init();
//--------- END CODE - animation code ------------
jQuery("#commentbutton").click(function() {
postComment("commentbox");
});
jQuery("#commentbutton2").click(function(){
postComment("commentbox2");
});
jQuery("#image-frame .showOnMouseOwer").slideUp();
window['lasVegasInProcess'] = false;
window['needToCloselasVegasInProcess'] = false;
jQuery("#image-frame").hover(function() {
if(window['lasVegasInProcess']) return;
window['lasVegasInProcess'] = true;
jQuery("#image-frame .showOnMouseOwer").slideDown('slow', function() {
if(window['needToCloselasVegasInProcess']) {
jQuery("#image-frame .showOnMouseOwer").slideUp('slow', function() {
window['lasVegasInProcess'] = false;
window['needToCloselasVegasInProcess'] = false;
});
} else {
window['lasVegasInProcess'] = false;
}
});
}, function() {
if(window['lasVegasInProcess']) {
window['needToCloselasVegasInProcess'] = true;
return;
}
window['lasVegasInProcess'] = true;
jQuery("#image-frame .showOnMouseOwer").slideUp('slow', function() {
window['lasVegasInProcess'] = false;
});
});

Gotcha · 2012-05-02 22:44:35

Oula il va falloir que je m'arrache encore quelques cheveux pour espérer comprendre...
Merci Flop et Mistic !

Piwigo.org

Annonce

#1 2012-05-01 17:46:30

Récupérer un script

#2 2012-05-02 13:02:23

Re: Récupérer un script

Code:

Code:

#3 2012-05-02 16:19:32

Re: Récupérer un script

#4 2012-05-02 16:23:16

Re: Récupérer un script

#5 2012-05-02 22:44:35

Re: Récupérer un script

Pied de page des forums