Auteur
Grafikart

86 Commentaires

Fbfdbcca676d0ac39eef368fc2044c59?s=200&r=pg&d=mm
Heaven, 24-11-2014 10:35:30 - Répondre

Bonjour et merci pour ce tuto.

Lors de l'ouverture de la page, l'infobulle fonctionne très bien et respecte les balises HTML (<br /> etc...).
Par contre, lors du 2eme passage de la souris, les balises HTML ne sont plus ''actives''.

Auriez-vous une idée ?

Merci et bonne journée à tous.

Fbfdbcca676d0ac39eef368fc2044c59?s=200&r=pg&d=mm
Heaven, 24-11-2014 11:41:59 - Répondre

Pardon, pardon pour ce doublon...

Ai trouvé la réponse ici: http://www.grafikart.fr/forum/topic/3033

Bonne journée à tous.

4174c3f8d51e793336d5b73b74ddf5be?s=200&r=pg&d=mm
bilcoyotte, 20-11-2014 17:29:08 - Répondre

Bonjour ,
Dans ta vidéo tu explique que si on a plein d infobulle il faut mettre une class
alors je voudrais savoir comment faire pour que l infobulle prenne la valeur d une lien pour afficher des infos
relative a ce lien ( je developpe un site pour mon club de badminton et je voudrais quand je passe sur le nom d un joueur avoir sa fiche de renseignement avec photo comment sur cette page http://lchavrais.net/Competitions/interclubJ1D3G%20.php)
merci d avance

95f774eca4299377293c9a7f43f29cbd?s=200&r=pg&d=mm
niokhy, 19-04-2013 18:35:11 - Répondre

Bonjour à tous et toutes,

Tres bon tuto, merci.

J'ai un leger bug en utilisant ces sources. J'ai adapte le code pour qu'il fonctionne avec des images. Cependant lorsque je vais d'une image a l'autre tres rapidement, les images sans title prennent la valeur du title de l'image precedente.

L'origine du probleme vient du fait qu'on efface le title afin d'eviter un double affichage puis qu'on le reattribut lorsque le curseur n'est plus sur l'image.

$(this).attr("title",bulle.text());

Comment faire pour eviter que le title d'origine ne soit pas attribue a une autre image?

Merci d'avance

Fbfdbcca676d0ac39eef368fc2044c59?s=200&r=pg&d=mm
Heaven, 06-03-2013 16:31:10 - Répondre

Bonjour à tous et toutes,

Pourriez-vous me dire si une possibilité d'infobulle (comme ce tuto) avec une balise <tr> est possible ?

Je m'explique:
Lors du passage de la souris, toute la ligne du tableau change de couleur. Jusque là rien d'extraordinaire.
Si l'on clique à n'importe quel endroit de la ligne, on va sur le lien référencé par onClick.

Par contre, j'aurai aimé donner une information par infobulle au passage de la souris sur le ''<tr>'' du tableau dans la même idéologie de ce tuto qui lui ne gère que les lien (<a>).

Voici le code de la ligne <tr>:

<tr bgcolor="#FFFFFF" onmouseover="this.bgColor='#FFCC33';" onmouseout="this.bgColor='#FFFFFF';"; onclick="document.location.href='details.php'" style="cursor:pointer;" title="Modifier cette fiche" >
<td>texte</td><td>valeur xxxx</td>
</tr>

le titre apparaît bien, mais sous son aspect original.

Une idée ?

Merci et bonne journée.

D385e934d672f40a1029c70be2c8bde0?s=200&r=pg&d=mm
jeyjey, 05-10-2012 03:07:32 - Répondre

Bonjour,
j'ai une petite question, je mets le code sur des images, et le span et bien créer puis détruit (je le vois dans firebug), mais le soucis c'est qu'elle apparait complétement derrière tout mon site, j'ai essayé de rajouter z-index dans bulle.css du mouseover, mais ça me creer une erreur, as tu une idée ?

merci d'avance

Ff52ee08900085f9107fce3d4621932b?s=200&r=pg&d=mm
flo13008, 24-06-2012 15:14:22 - Répondre

Bonjour super video!!
Est ce qu'il est possible de faire la meme chose non pas avec un lien mais avec une area?

873dc6d25800f3dcfc7edcfcd34713c0?s=200&r=pg&d=mm
Romain, 08-06-2012 01:49:36 - Répondre

Bonjour,

Très bon tutoriel! :)
J'aurais juste une petite question, comment peut-on faire pour qu'une infobulle n'apparaisse pas tant qu'une autre est encore visible?
Car moi j'ai adapté le tutoriel pour que les infobulles apparaissent sur des images, mais celles-ci étant collées, les infobulles apparaissent dans tout les sens... Je ne sais pas si je me suis bien fait comprendre... Je l'espère.

Merci en tout cas, et à très vite.

85aff0f2d1f42d04c9d4e7ad70d960b1?s=200&r=pg&d=mm
Nico21, 02-06-2012 02:05:21 - Répondre

Bonjour,
Tout d'abord un grand merci pour ce tutoriel très pratique ! Toutefois je ne comprend pas quel classe faire pour que l'info bulle ne s'affiche que sur les liens désirés...?

96e1d06fb53a42d90f9e7b8906e5ce1d?s=200&r=pg&d=mm
multras, 14-02-2012 18:03:25 - Répondre

Bonjour Jonathan,
Vraiment Merci cela m'a trop aidé dans un projet, mais je veux appliquer ce script sur des images dans un carousel jquery , et ça m'a créer un conflit de script , il y a une solution ?

6d4fc069eca7dc7e2a878e3c02741de9?s=200&r=pg&d=mm
evdog69, 20-10-2011 14:19:53 - Répondre

salut, c'est quoi le logiciel que tu utilise ? je ne le reconnais pas je suis curieux :)

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
naou, 31-08-2011 14:02:08 - Répondre

parfait

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
aziz, 31-08-2011 11:41:54 - Répondre

Un grand merci, facile et clair

F607af59199cc11c8aa0be4e98d36b3a?s=200&r=pg&d=mm
david.maarek, 23-08-2011 22:21:44 - Répondre

La demonstration ne fonctionne c'est normal ?

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
sabak'noGAARA, 08-07-2011 00:01:04 - Répondre

Excellent tuto ;)

C1079a915bfeed7b2314b2a3cbba2b83?s=200&r=pg&d=mm
freestyler17, 29-04-2011 12:16:16 - Répondre

nice tuto merci encore :)

F744dddc8efcc5ca1d8090048f370d1c?s=200&r=pg&d=mm
loooq, 25-03-2011 17:14:50 - Répondre

Bonjour à tous. Effectivement excellentes ces infobulles. Mais j'ai un soucis (d'autres plus haut l'on signalé). Quand je teste les liens, tout marche mais au bout d'un court instant, des infobulles apparaissent également au survol d'un lien sans "title" (avec le label d'un lien qui a le title). C'est fort dommage ! Quelqu'un a la solution ?

99bbdd8d8e44014edc85a935f367fbc4?s=200&r=pg&d=mm
hades38, 28-05-2011 15:39:20 - Répondre

Rajoute une class a ton lien et tu ne devrais plus avoir ce problème

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
DKY, 16-12-2010 21:05:40 - Répondre

Bonjour,

Le script fonctionne très bien chez-moi mais je n'arrives pas à trouver comment dire au script de récupérer uniquement les <span> ayant la class "infobulle" par exemple. Car même lorsque l'attribut "title" est vide elle apparait sur 5 pixels de large...

Merci pour tous vos tutos. Ils me sont très utiles =D

A+ ;)

5a53675c8c0b2ca4cc6daa352e48c0c2?s=200&r=pg&d=mm
Mousse, 22-03-2011 02:03:32 - Répondre

Essaye $('span.infobulle')
Ca doit être un truc comme ça.

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
alasvegas, 15-12-2010 14:16:33 - Répondre

Merci pour ce tuto il est super bien mais j'ai une question en fait quant je remplace la balise a par la balise area de map cela ne fonctionne pas qu'elle q'un à t - il une idée?

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Acta, 14-12-2010 14:10:03 - Répondre

Super tuto. Merci

juste un petit je me suis rendu comte que sur les liens ou il n'y avait pas de title le navigateur retournai une erreur.

pour ceux que sa interesse. il manque une ligne dans la fonction mouseout. il faut remetre : if($(this).attr("title")=="")return false;
sinon la fonction mouseout s'execute quand title est vide

Merci encore

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Acta, 14-12-2010 14:14:03 - Répondre

Desoler mais je vien de dire une connerie en rajoutant cette ligne la fonction mouseout ne s'execute plus. je cher la solution

5a53675c8c0b2ca4cc6daa352e48c0c2?s=200&r=pg&d=mm
Mousse, 22-03-2011 02:01:48 - Répondre

C'est parce qu'il y a la ligne
$(this).attr('title', ''); dans la fonction mouseover qui lui dit de vider l'attribut title. Du coups dans la fonction mouseout il passe direct dans ton test IF que tu as écrit.

Si tu supprime cette ligne, ça marche. (Je n'ai pas bien compris pourquoi Grafikart écrit cette ligne d'ailleurs. Je suis encore trop débutant pour comprendre l'utilité de vider l'attribut title... ^^'

Bf4023d0b9c989a2010ed5991329c308?s=200&r=pg&d=mm
Topheur, 22-10-2010 15:58:11 - Répondre

Excellent tuto.
Juste une question comment faire pour que la bulle ne se place pas en fonction du lien mais de la souris sur le lien ?

0747e53207a3bf2e7eb3864e55d13e22?s=200&r=pg&d=mm
muaddhib, 11-10-2010 16:33:49 - Répondre

Excellent tutoriel, merci beaucoup !!!

D5c7863f8e6633b7831bb53a54975a83?s=200&r=pg&d=mm
smartghost, 11-10-2010 03:05:31 - Répondre

Merci, c'est un bon tuto ! j'ai un petit problème, l'infobulle marche nickel sauf que après 30 seconde du chargement de la page elle ne s'affiche plus !!! SVP je souhaiterais savoir comment résoudre le problème :(
Merci d'avance

49c0f089ce288f8dc36b0f45d46da782?s=200&r=pg&d=mm
Norland, 24-09-2010 19:49:08 - Répondre

Bonjour!
Tout d'abord, je tenais a vous remercier pour ce super tuto, et je voulais savoir si, au lieu d'afficher un texte dans l'infobulle, je
je pouvais insérer une image, car je n'y arrive pas. En effet, je ne sais pas où placer mon <img src=""></img>
Merci d'avance!

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
aaktm, 13-09-2010 18:40:31 - Répondre

c bon mais ca donne un erreur sur les versions internet explorer

voici une image pour mieux comprendre :

http://mwaheb.org/do.php?imgf=mw12843888151.jpg

3732914fc7cdafbe03d187e34b18f98d?s=200&r=pg&d=mm
Kevin Pierru, 07-08-2010 20:36:27 - Répondre

Coment peut-on intégrer ce style d'info bulle sur Wordpress ? :S

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Houly62, 12-04-2010 00:27:59 - Répondre

Merci beaucoup pour ce tuto !

Vérifiez bien que votre fichier javascript et bien lié à votre code, car moi je ne l'avez pas bien fait (mon arborescence n'étais pas bien écrite).

Maintenant tout est GOOD !

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
hico, 09-04-2010 04:24:16 - Répondre

Bonjour et merci bien pour ce tuto, décidément ce site est un réel + pour apprendre !

C'est bien komodo edit que tu utilises non ?
Si oui, quelle version ? Je n'ai pas le même template, et je n'ai pas vu dans les options.

Merci bien

25515603e8a22f4af03168b6aeae030a?s=200&r=pg&d=mm
fef06, 27-03-2010 18:51:05 - Répondre

Bonjours a tous,
j'aimerai savoir comment on fait pour avoir une infobulle sur plusieurs "étage" comme si on ferai un <br /> ???

52a39ba2df2a379daa7c1f4e0fe50287?s=200&r=pg&d=mm
bibips, 01-08-2010 16:33:49 - Répondre

En effet je me pose la même question que toi !
Peut-on mettre de l'HTML (voir du PHP) dans l'infobulle ?

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Simwar, 07-09-2010 19:31:01 - Répondre

Bien sur ;) Vu que tu recuperes le "title" du lien, mais tu peux recuperer une autre variable, et dans cette variable tu peux inserer n'importe quoi, php, html...

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Alwin, 27-03-2010 16:31:21 - Répondre

Excellent tutoriel comme d'habitude !
Par contre, j'ai un soucis avec le script sous FF 3.6.

J'ai deux liens cote à cote et lorsque je passe de l'un à l'autre, la ligne $(this).attr("title",bulle.text()); ajoute le titre sur les deux liens ... C'est étrange.

283c28de96371b7279cd3937118b34c4?s=200&r=pg&d=mm
sqDQQ, 27-03-2010 06:58:13 - Répondre

Q

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Evy, 26-03-2010 06:42:01 - Répondre

Baptiste ca n'est pas tres difficile si tu ecoutes bien les commentaires... MERCI encore pour ce tuto superbe!!

A0c8c93323c3266e6ad072864d9a994c?s=200&r=pg&d=mm
Danomagico, 26-02-2010 18:26:32 - Répondre

Bonjour!

J'utilise ce système d'infobulles pour mon thème WordPress et j'ai un petit souci. J'applique mes infobulles à des images. L'infobulle apparait correctement, puis, quand je quitte l'image, le title ne se renouvelle pas ou alors, il se met sur le lien qui englobe l'image... Auriez-vous la solution à ce problème?

Merci d'avance!

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
dorso, 23-02-2010 19:11:45 - Répondre

Merci bcp pour ce tuto de qualité.

7e2029deac96fda9a7b74d64b86a8f97?s=200&r=pg&d=mm
Baptiste, 18-02-2010 22:14:52 - Répondre

Salut,
pourrais t on faire pareil, mais sur le côté! mais pas au dessus.... j'ai pas encore compris les calculs, j'arrive pas à refaire!!

++

PS: à gauche car c'est un menu collé à droite

7e2029deac96fda9a7b74d64b86a8f97?s=200&r=pg&d=mm
Baptiste, 18-02-2010 18:43:10 - Répondre

C'est à dire? tu es est ou dans ton code?

3732914fc7cdafbe03d187e34b18f98d?s=200&r=pg&d=mm
Kevin Pierru, 18-02-2010 15:20:24 - Répondre

J'arrive pas à adapter les infos-bulles à mes liens ayant un titre :/

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Momox, 31-01-2010 17:28:16 - Répondre

Merci beaucoup pour tes tutoriels. Grâce à toi j'ai compris pas mal de choses à jQuery.

02af74f2a825b14fde2d50d6f030a5ab?s=200&r=pg&d=mm
cruchovic, 21-01-2010 17:18:41 - Répondre

Salut j'ai fais un test avec une bulle transparent (.png) et ça fonctionne nickel sous FF, Chrome et un léger décalage (pas gênant) sous Opéra...
Par contre sous IE(8) que du caca... plus du tout d'opacité (soucis récurant liés à l'utilisation de .png sous ce navigateur), décalage de fou, bugg...Quelqu'un aurait-il une solution ?
Merki !

02af74f2a825b14fde2d50d6f030a5ab?s=200&r=pg&d=mm
cruchovic, 21-01-2010 17:26:38 - Répondre

Nickel sous Safari;)

22a5074e440a36e5d42953b72bb35943?s=200&r=pg&d=mm
Nibdok, 19-01-2010 23:21:29 - Répondre

Salut,
j'aurais une question assez simple je pense (mais pour quelqu'un s'y connaissant en jquery/javascript) : J'aimerais garder le principe d'affichage de ces infobulles mais j'aimerais que les infobulles s'affichent toutes au même endroit sur la page, plus précisément sous une liste de liens qui au fur et à mesure du temps risque de s'allonger...
est-ce possible?
Si jamais vous avez la possibilité de me donner une réponse merci d'avance et encore merci pour tous ces tutoriaux qui sont déjà d'une grande aide.

PS : j'ai créé un compte avec ce pseudo(nibdok) or lorsque je suis connecté il m'est impossible de poster des commentaires... T_T

1
Grafikart, 20-01-2010 02:54:45 - Répondre

Pour ton souci de commentaire connecte toi à ton compte et édite le lien de ton "site" pour le laisser vide ou pour y mettre le lien de ton site web.

Sinon pour ton souci j'ai pas trop compris la question. Si tu veux que l'infobulle reste à un point fixe il faut que tu change la partie du tutoriel ou on positionne la bulle dynamiquement pour la positionner où tu le veux.

22a5074e440a36e5d42953b72bb35943?s=200&r=pg&d=mm
Nibdok, 20-01-2010 18:08:39 - Répondre

Nickel plus de problème pour mettre un commentaire... merci ;)
Pour essayer de vous expliquer ça un peu mieux : j'ai une div dans laquelle apparaissent des icones 30*30px (environ 5 icones par ligne). Ces icones permettent à l'utilisateur de voir mes sites amis et/ou que j'apprécie (ouais c'est des liens, dis comme ça c'est plus rapide mais vous reconnaitrez que c'est nettement moins de suspense pour le lecteur... bref).
Et en fait sous ces lignes d'icones, lorque l'on passe sur une icone apparait l'infobulle. Or j'aimerais que toutes les infobulles apparaissent exactement au même endroit. Or le souci étant d'après ce que j'ai compris en regardant le tutoriel, c'est qu'en jquery, cela donne une position absolue à une infobulle mais pas à l'ensemble.
De plus si au fur et à mesure que j'ajoute des icones je dois modifier à la main la position de mon infobulle ça risque d'être délicat ^^

J'espère que je me suis fait mieux comprendre et encore merci d'avance pour votre réponse.

Bonne journée et continuez comme ça ;)

394
Badbart, 20-01-2010 20:09:57 - Répondre

Dans ce cas la fait une div qui ce remplie au survol d'un lien.

22a5074e440a36e5d42953b72bb35943?s=200&r=pg&d=mm
Nibdok, 21-01-2010 13:06:34 - Répondre

ok je vais essayer ça ;)
merci.

A6b02ccbefaee22f8e2bbde614dfa440?s=200&r=pg&d=mm
Legendary, 19-01-2010 18:45:20 - Répondre

si on s'excite un peu sur les infosbulles, sur tous les autres liens, une infobulle apparait... normal ? même ceux dans ton exemple grafikart !

D5dcd75bdc564b35fe2ce28a8b6d6dae?s=200&r=pg&d=mm
Skans, 17-02-2010 15:01:23 - Répondre

+1 pour ce probleme, assez embêtant dans certain cas.

6dc065af4d26c9ae73bfafc8b34f36e1?s=200&r=pg&d=mm
bagheera58, 18-08-2010 17:17:38 - Répondre

Bonjour, quelqu'un a trouvé une solution à ce problème?

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Vic, 18-01-2010 17:46:28 - Répondre

Bon bin ça fonctionne maintenant ?! j'ai juste changé le premier /2 par un *0.5 ...
zouuuu !

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Vic, 18-01-2010 16:17:04 - Répondre

Salut et merci pour ce tuto !
J'ai juste un petit soucis au niveau de l'alignement de la bulle (elle ce décentre vers la gauche dés que le texte devient un peu "long" ?)
quelqu'un a-t-il le même soucis que moi ?
je pense que ça vient de cette ligne (qui parait pourtant bonne):
var posLeft = $(this).offset().left+$(this).width()/2-bulle.width()/2;
quelqu'un aurait il une idée pour la remplacer ?!
Merci

27c06600bf18d64fdd881ff305920d84?s=200&r=pg&d=mm
Ly3s, 15-01-2010 17:06:53 - Répondre

Merci pour le tutoriel ;)

@Loïc: Il utilise comme moi, Komodo Edit (Tourne sous Linux et Merdows), je te le conseil vivement :D

54b5f2bb351dcda3a03ccf63d5899737?s=200&r=pg&d=mm
Loïc, 15-01-2010 15:22:04 - Répondre

Salut et merci pour ce tuto très intèressant.

Qu'elle logiciel utilise tu pour coder ?

410b208a8c6ad75b0a1fa882cc27b71e?s=200&r=pg&d=mm
Alex, 14-01-2010 07:46:06 - Répondre

Merci, c'est très pratique ce genre d'astuce !

2bcb4970e8c063784870b9908edee92f?s=200&r=pg&d=mm
PiGi, 12-01-2010 23:20:00 - Répondre

J'ai trouvé : c'est SmartScroll ( http://www.marcmoini.com/sx_en.html ) qui mettait le binz !

Bc09c02d29fb58ccae9b7d91b43b1136?s=200&r=pg&d=mm
Iguanes, 12-01-2010 19:44:36 - Répondre

pas mal du tout !

87d9c3027beb6d9f849a07f2f285c9c8?s=200&r=pg&d=mm
Shaion, 12-01-2010 16:12:02 - Répondre

Moi tout est niquel ;) !

Bef4e03b067062f13c62498f6c438d76?s=200&r=pg&d=mm
Franck55, 12-01-2010 14:47:15 - Répondre

Salut,

Pour même constat, vu avec opéra très flou on ne voit pas les détails et si je télécharge la vidéo c'est pire l'image lague à fond!
Dommage, merci tout de même pour ton super boulot comme d'hab!!

5b0243255811e678892c6568e2c31cf4?s=200&r=pg&d=mm
cerise, 12-01-2010 14:05:21 - Répondre

J'ai re télécharger la vidéo.....mais le problème reste le même
C'est la première fois que cela arrive je n'ai jamais eu aucun problème avec les autres vidéos elle sont nickels
Merci d'avoir répondu

1
Grafikart, 12-01-2010 17:34:11 - Répondre

Je voulais tester un nouvel encodage permettant de réduire la taille avec une perte de qualité minimale, mais je pense qu'on va rester sur l'ancien du coup :)

2bcb4970e8c063784870b9908edee92f?s=200&r=pg&d=mm
PiGi, 12-01-2010 12:45:47 - Répondre

Je précise (sur FF Mac) : La bulle n'apparaît qu'après un clic et bug en plus (vibration verticale)…

2bcb4970e8c063784870b9908edee92f?s=200&r=pg&d=mm
PiGi, 12-01-2010 12:43:00 - Répondre

Arf, ce script semble incompatible avec Firefox (3.5.7) Mac OS (10.5.8) :-(
Marche très bien sur Safari sinon.

7e2029deac96fda9a7b74d64b86a8f97?s=200&r=pg&d=mm
Baptiste, 12-01-2010 13:08:15 - Répondre

J'ai exactement la même configuration et ça marche nickel!!

2bcb4970e8c063784870b9908edee92f?s=200&r=pg&d=mm
PiGi, 12-01-2010 16:05:52 - Répondre

Mouai, doit y avoir un conflit avec un module ou autre, j'ai Firebug qui ne marche plus très bien non plus… Vais faire un petit nettoyage ;-)

8e81471aee3363ab5a4c3c827d51cd83?s=200&r=pg&d=mm
Rapha, 12-01-2010 18:17:21 - Répondre

J'ai firebug 1.4.5 et Firefox 3.7 sous Vista ça marche super :/

5b0243255811e678892c6568e2c31cf4?s=200&r=pg&d=mm
cerise, 11-01-2010 22:06:15 - Répondre

Merci beaucoup Badbart
j'ai essayer avec VLC media player.... et VHPlayer.....
finalement c'est Quick time qui l'emporte la vidéo est parfaite pour moi
encore merci à toi

1
Grafikart, 12-01-2010 12:51:44 - Répondre

La vidéo est au format MP4 et le site vous faisait télécharger un .mov, ce qui semble expliquer votre problème. Maintenant c'est corriger le fichier se télécharge au bon format. Si vous pouviez me confirmer que cela fonctionne chez vous aussi :)

394
Badbart, 12-01-2010 13:36:35 - Répondre

Chez moi ça reste écran noir + son ok. Mais ça ne fait rien.
Tu as du changer un truc dans l'encodage, si tu veux a tout prix réglé le problème voila des infos :

Complete name : Grafikart - Tutoriel Focus - Blur.mov
Format : MPEG-4
Format profile : QuickTime
Codec ID : qt
File size : 80.5 MiB
Overall bit rate : 1 263 Kbps
Writing library : Apple QuickTime

--------------------------------

Complete name : Grafikart - Tutoriel Infobulle avec jQuery.mp4
Format : MPEG-4
Format profile : Base Media / Version 2
Codec ID : mp42
File size : 102 MiB
Overall bit rate : 921 Kbps

La 1ere marche bien, la deuxième non (dans les 2 version). Parement tu as changer le codec.
Je le répète c'est pas la mort ^^ Efface le com une fois lu, car il est un peu gros.

5b0243255811e678892c6568e2c31cf4?s=200&r=pg&d=mm
cerise, 11-01-2010 21:44:25 - Répondre

Bizarre chez moi la vidéo n'est presque pas visible?
Suis-je la seule à avoir ce problème?

Merci de me répondre

394
Badbart, 11-01-2010 21:56:18 - Répondre

Non ça me fait pareil pour cette vidéo, avec Media Player Classic ça merde, obliger de la lire avec un autre lecteur. Rien de bien grave remarque.

7e2029deac96fda9a7b74d64b86a8f97?s=200&r=pg&d=mm
Baptiste, 11-01-2010 21:11:57 - Répondre

Ouais j'imagine! C'est du gros boulot! et toi tu n'as pas de tutoriel pour t'aider! lol
Sinon pourrais tu faire un tuto css sur les boutons flexibles (avec des images en background j'entends)? ça doit se faire rapido non ?

@+

7e2029deac96fda9a7b74d64b86a8f97?s=200&r=pg&d=mm
Baptiste, 11-01-2010 20:31:20 - Répondre

Nickel Jonathan! je venais de poser la question en plus sur le tuto webdesign! :p
Très réactif! on attend le méga tuto sur WP par contre! ça avance? lol

Bravo et merci!

1
Grafikart, 11-01-2010 21:00:00 - Répondre

Héhé no soucy, pour le tutoriel wordpress ça va arriver je fais le code une fois avant de le présenter en tutoriel et c'est assez long...

8e81471aee3363ab5a4c3c827d51cd83?s=200&r=pg&d=mm
Rapha, 11-01-2010 20:18:18 - Répondre

Merci, parfait comme toujours :)

A ce rythme là on va avoir 5-6 tutos par semaine Woah ! :;

4e672ea1015102ad8bb3651be4edde0f?s=200&r=pg&d=mm
rom07, 11-01-2010 19:57:49 - Répondre

Bravo, super pratique et joli en plus.

Merci beaucoup ! =)

56733e32edade35c04d481c75c8871ad?s=200&r=pg&d=mm
darkavatars, 11-01-2010 19:01:18 - Répondre

Bien comme tuto sa sera très utile

C7e7db8ac79cf8ebc7dbf2a43b3ff472?s=200&r=pg&d=mm
Ritter jack, 11-01-2010 18:35:04 - Répondre

Très bon comme d'habitude !

Merci à toi

A6b02ccbefaee22f8e2bbde614dfa440?s=200&r=pg&d=mm
legendary, 11-01-2010 17:54:41 - Répondre

merciii !

6b386c4c8c06ae499a83d67b0d4c11fb?s=200&r=pg&d=mm
Ph3nol, 11-01-2010 17:28:40 - Répondre

Encore une fois, du très bon travail ! Merci :)

394
Badbart, 11-01-2010 17:16:52 - Répondre

Enfin une info bulle avec un minimum de style :)

747fc195ba31cd3b5f6ab056efad7bee?s=200&r=pg&d=mm
MyKiwi, 11-01-2010 17:15:03 - Répondre

Jolie !