texte qui suit la courbe d'une image en forme de bulle - HTML/CSS - Programmation
Marsh Posté le 02-05-2005 à 16:01:17
FlorentG a écrit : Genre ce truc ? Sinon laisse tomber les solutions JS, ça va foutre l'accessibilité en l'air (ou alors prévoir le cas sans JS) |
Non je crois pas que cette solution est possible.
Je fais un site pour une entreprise qui ne maitrise par l'informatique. Lorsqu'ils vont ajouter une catégorie de produits, il faut qu'ils indiquent l'image correspondante.
Je ne veux pas les obliger à découper manuellement l'image qu'ils veulent ajouter! déjà qu'il faut qu'il la découpe en bulle ...
Mais merci quand même! je suis toujours étonné de la rapidité des réponses sur ce forum!
Marsh Posté le 02-05-2005 à 16:02:35
C'est un truc qui n'est pas possible facilement alors Est-ce vraiment important ?
Marsh Posté le 02-05-2005 à 16:05:35
Bah... je vais m'arranger autrement t'inquiete pas pour moi!
Merci quand mm
Marsh Posté le 02-05-2005 à 18:39:46
Sinon tu peux essayer de "tricher".
Tu prends une image carree, mais tu affiche un "masque" par dessus.
Genre un carre blanc qui contient une bulle qui est tranparente.
Comme tu affiche les 2 images l'une sur l'autre, et tu auras l'impression que l'image est ronde.
Bon apres il faut jouer avec les positions pour bien positioner ton texte.
Marsh Posté le 03-05-2005 à 09:19:40
cerel a écrit : Sinon tu peux essayer de "tricher". |
C pas mal du tout cette idée... Comme ça je suis sur de la taille de la bulle et je peux m'arranger pour trouver les positions :
soit en absolue ou en relatif
soit en utilisant l'idée de FlorentG
Le seul problème maintenant ça va être de bien centrer l'image à afficher dans la bulle!
Merci.
Marsh Posté le 02-05-2005 à 15:41:07
Bonjour,
Voilà ce que je veux faire: afficher une image à gauche de l'écran en forme de bulle. Et du texte à coté qui suis la courbe.
Un truc du genre du site : http://www.challet94.fr/
Seulement mes images à moi sont dynamiques, je ne peux pas définir des positions statiques.
Mon idée est de parcourir l'axe X en partant de la gauche et de tester si la couleur du pixel à telles coordonnées est la même que la couleur de fond, dans ce cas j'insère mon texte en positionnement absolue, sinon je continue un peu plus à gauche.
Mon pb est que je ne sais pas si c'est possible en javascript.
Si vous avez la solution _ en suivant mon idée ou avec une solution alternative _ je suis preneur.
Merci à tous.