Soumis par dgrota le mar 05/03/2019 - 16:19

Convertir des listes de liens en icones (javascript)

Avant :

Après :

Dans la page concernée, tout lien sera automatiquement complété par un logo au chargement de la page via l’activation d’un code javascript (code a ajouter en fin de page grâce à l'affichage en mode "code source"

 

Il faudra déposer le fichier du logo dans la bibliothèque de documents, puis intégrer le code javascript suivant en remplaçant le lien <img src=’ en bleu par l’adresse du logo (si vous souhaitez utiliser ce logo, il est dispo ci-dessous) :

 

// fonction ajout d’une image au-dessus de chaque lien

$(document).ready(function(){

$('#paragraphe a').css('text-align','center');

$('#paragraphe a').css('display','inline-block');

$('#paragraphe a').prepend("<img src='https://mon-site-internet.e-bourgogne.fr/documents/portal1638/links/20180406-1212--deliberation.jpg' alt='délibération'><br/>");

});

 

 

Fichier