Ralentir l'arrivée de l'infobulle

[Riina]

Bonjour à tous !
Avant de débuter, je tiens a remercier chaleureusement tous ceux qui pourront me venir en aide afin de régler ce problème qui me pose soucis.

Je suis a la recherche d'un code permettant de ralentir la vitesse d'arrivée de mon infobulle : c'est-à-dire, qu'elle n'aparaisse pas directement au passage de la souris, mais en apparaissant progressivement. Un peu comme lorsque l'on pointe la souris sur un sous-forum qui offre une description dans une autre infobulle.

Existe-t-il un tel code ? Permettant de ralentir l'arrivée de notre infobulle ?
Si tel est le cas, je le recherche également pour les effets des images opaques. (Au lieu que l'image redevienne normal, j'aimerais qu'elle apparaisse lentement, comme un effet de fondu.)


Merci à tous ceux qui prendrons le temps de lire ce topic et de m'apporter leurs connaissances !

[mariiehelene]

Bonjour !
Je pense que c'est faisable en utilisant du Java. Mais comme je ne m'y connais pas beaucoup, il serait utile de demander à quelqu'un d'autre qui s'y connaît plus que moi.
Par contre je pense que c'est la propriété "gradualfader" que tu devras utiliser.
http://www.dynamicdrive.com/dynamicindex11/gradualfader.htm
Ici tu trouveras un tutoriel pour t'expliquer.

N'hésite pas si tu as d'autres questions !
Bonne journée !

[Riina]

Je te remercie de m'avoir apportée ce détail mariiehelene : cela m'aidera certainement pour mes recherches. Merci beaucoup pour ton aide !

En effet j'ai une autre question traitant sur les onglets en page d'accueil, mais je vais créer un autre topic sur le sujet afin de ne pas tout mélanger.

Bonne journée à toi aussi !

[Riina]

Après lecture du tutoriel, je reconnais ne pas trop m'en sortir.

UP du jour

[Riina]

Up

[Shu']

Alors pour l'infobulle, pareil je peux pas trop t'aider pour le coup :/ (le javascript et moi).

Par contre pour Gradualfader c'est vraiment tout simple.
Tu héberges le fichier qu'ils te fournissent (gradualfader.js) sur un quelconque site. Ceci fait, récupère le lien du fichier hébergé et ajoute ceci dans le template d'header (entre les < head></ head>):

Code:

<script type="text/javascript" src="LIEN DU FICHIER HEBERGE">

/***********************************************
* Gradual Element Fader- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

</script>

Voilà, après plus qu'à utiliser la class gradualfader pour appliquer l'effet à ton image ! Petit exemple du code:

Code:

<img src="lien de l'image" class="gradualfader">

[Riina]

En effet vu comme ça maintenant, c'est vraiment tout bête.
Merci de ton aide Shu' ! Il me manque juste un tout petit point : je ne trouve pas d'hébergeur acceptant le format .js

Quelqu'un aurait-il un petit indice pour en trouver un ?
(Désolée de ne pas trouver par mes propres moyens, j'ai pourtant fait pas mal de recherche. )

[Death II]

Tu peux l'héberger ici: http://www.toofiles.com/fr/documents-upload.html

Mais il faut s'inscrire.

Death

[Riina]

Merci beaucoup Death !
Vous m'avez été d'une grande aide Shu' et toi : merci encore de m'avoir offert ce coup de main.

Sujet résolu

[papounet]

Bonjour,
C'est quoi l'infobulle SVP ?

[Riina]

Bonjour !

Une infobulle est un message qui apparaît lors du passage du curseur de la souris sur certains éléments. (Ex: Une image, un texte, etc.) Une petite "bulle" (comme celles d'une bande-dessinée) apparaît lorsque nous mettons la souris dessus et offre de nouvelles informations sur un autre cadre.
Exemple :

Spoiler:

Le cadre en bas de cette image ne serait pas apparut si je n'avais pas mis mon curseur dessus.