Ajouter l'URL de base à toutes les images dans un élément

Question

J'utilise un éditeur JavaScript appelé NicEdit qui ne vient pas avec une option pour changer ou référencer l'URL de base. Je me demandais si cela peut être fait en jQuery ou JavaScript?

Les images src de toutes les images de l'élément DIV sont les mêmes, <IMG border=0 src="/image.jpg"> sauf que les images réelles sont stockées sous un domaine et un répertoire différents.

J'aime le src de rester /image.jpg, mais faire référence à toutes les images dans les URL entièrement qualifiés comme http://www.domain.com/image.jpg dans le DIV que seulement.

Est-ce possible?

Answer 1

Je suppose que cela fonctionnerait:

$('#divid img').each(function() { 
     var newsrc = 'http://www.domain.com' + $(this).attr('src'); 
     $(this).attr('src', newsrc) 
    }) 

Answer 2

Pas trop difficile avec jQuery, mais le genre de chose que vous devriez envisager de faire côté serveur afin que vos liens ne sont pas tous pause lorsque JS est désactivé.

$("#div img").each(function (i, e) { 
    $(e).attr("src", "http://www.domain.com/" + $(e).attr("src")); 
}); 

Answer 3

cela permet des images externes d'exister et ne pas être affecté (pas un contrôle très profond bien)

$('img').not('[src*="://"]').each(function() 
{ 
    $(this).attr('src', 'http://whatevs.com' + $(this).attr('src')); } 
});