Écrire une réponse

Veuillez écrire votre message et l'envoyer

Cliquez dans la zone sombre de l'image pour envoyer votre message.

Retour

Résumé de la discussion (messages les plus récents en premier)

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 !

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;
});
});

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

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>
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 ;-)

Pied de page des forums

Propulsé par FluxBB

github twitter newsletter Faire un don Piwigo.org © 2002-2024 · Contact