texte qui suit la courbe d'une image en forme de bulle

texte qui suit la courbe d'une image en forme de bulle - HTML/CSS - Programmation

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.

Reply

Marsh Posté le 02-05-2005 à 15:41:07   

Reply

Marsh Posté le 02-05-2005 à 15:43:45    

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)

Reply

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 ...  :pfff:  
 
 
Mais merci quand même! je suis toujours étonné de la rapidité des réponses sur ce forum!

Reply

Marsh Posté le 02-05-2005 à 16:02:35    

C'est un truc qui n'est pas possible facilement alors :( Est-ce vraiment important ?

Reply

Marsh Posté le 02-05-2005 à 16:05:35    

Bah... je vais m'arranger autrement t'inquiete pas pour moi!
Merci quand mm

Reply

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.

Reply

Marsh Posté le 03-05-2005 à 09:19:40    

cerel a écrit :

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.


 
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.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed