Jquery CSS mettre balise alt de img en légende - Version imprimable +- Forum CMS Made Simple FR (https://www.cmsmadesimple.fr/forum) +-- Forum : Général (https://www.cmsmadesimple.fr/forum/forum-3.html) +--- Forum : Graphisme (https://www.cmsmadesimple.fr/forum/forum-9.html) +--- Sujet : Jquery CSS mettre balise alt de img en légende (/thread-2956.html) |
Jquery CSS mettre balise alt de img en légende - stefart - 12/10/2013 Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~ Bonjour, Je souhaite mettre la balise alt de img en forme pour l'affichier comme une legende sous les photos. j'ai ce code Code : [== CSS ==] mais il n'affiche rien ? Jquery CSS mettre balise alt de img en légende - stefart - 13/10/2013 Je voudrais utiliser le contenu de la balise alt de img pour mettre en legende des photos. Soit sous ou sur l'image avec une mise en forme. voici le code Html Code : [== HTML ==] voici le css Code : [== CSS ==] j'ai testé aussi le css comme ca : Code : [== CSS ==] Mais dans les 2 Css rien ne s'affiche. je me demande si je ne suis pas entreint de me planter de solution pour obtenir le resultat que je souhaite. Deja si c'est possible? Jquery CSS mettre balise alt de img en légende - bess - 13/10/2013 la balise alt n'a jamais été prévue en HTML pour faire une légende, c'est alt pour alternative : un texte alternatif à afficher si l'image est introuvable <div id="content"> <img src="image.jpg" alt="photo A"> <span class='legende'>Legende photo A</span> </div> Jquery CSS mettre balise alt de img en légende - stefart - 13/10/2013 ok merci, je me doutais bien que ca collerais pas. Mais il y a bien une solution pour utiliser l'attibut alt ou title de img, pour le mettre en legende? et en suite le mettre en forme en Css. Parce que j'ai 250 photos aumoins avec des legende a ajouter, et ca risque de prendre du temps a faire pour chaqu'une. Jquery CSS mettre balise alt de img en légende - bess - 14/10/2013 Jquery ou toute autre lib javascript pourrait faire du post-traitement efficacement sur le client. du genre foreach (imgs as img){ variable = $('img').att('alt'); $('img').after().html("<span variable ...</span>") } Jquery CSS mettre balise alt de img en légende - Ouik - 15/10/2013 Il serait largement préférable d'utiliser les nouveaux HTML5 <figure> et <figcaption> pour ça. http://www.alsacreations.com/article/lire/1337-html5-elements-figure-et-figcaption.html D'autre part, l'attribut alt est là en alternative à l'image, soit si elle ne s'affiche pas, soit surtout pour les personnes aveugles qui ne voient pas l'illustration. Mais s'il faut qu'il soit toujours présent, il ne faut pas remplir systématiquement l'attribut, il doit être signifiant et là uniquement s'il est utile à la compréhension de la page. Jquery CSS mettre balise alt de img en légende - stefart - 16/10/2013 Bonsoir et merci de vos reponse, Les solutions Jquery + Css me semble bien. Malheureusement je ne suis pas fort en dev jquery. Je ne suis pas sur d'obtenir un resultat... je sais que c'est beaucoup demander mais avez vous un script complet pour le post-traitement. Je me changerai du CSS. Merci Jquery CSS mettre balise alt de img en légende - jissey - 17/10/2013 Bonjour, c'est pas les plugins jquery qui manquent! En cherchant un peu, tu vas certainement en trouver un qui va bien pour toi! Jquery CSS mettre balise alt de img en légende - Ouik - 17/10/2013 Des trucs nommés tooltip par exemple. Jquery CSS mettre balise alt de img en légende - stefart - 18/10/2013 Oui en effet Tooltip ressemble bien a ce que je souhaite obtenir, si bien sur le script permet de prendre le contenu de la balise ALT de IMG de toutes les images contenu dans <div id="content"> Jquery CSS mettre balise alt de img en légende - stefart - 21/10/2013 Voila je pense avoir trouvé le script qui conviendrait ici Code : [== JavaScript ==] Jquery CSS mettre balise alt de img en légende - bess - 21/10/2013 foreach de Jquery comme déjà suggéré http://www.cmsmadesimple.fr/forum/viewtopic.php?pid=37032#p37032 Jquery CSS mettre balise alt de img en légende - stefart - 22/10/2013 Ok merci pour le code mais je ne sais franchement pas comment le finaliser pour qu'il fonctionne? Code : [== JavaScript ==] Jquery CSS mettre balise alt de img en légende - bess - 22/10/2013 tu as pris le temps de lire la doc de Jquery ? https://duckduckgo.com/?q=jquery+foreach |