RegEx per recuperare tag img

[zetaweb]

Ciao ragazzi
come da oggetto abbiamo una necessità particolare.

In pratica vorremo fare in modo di intercettare il tag img all'interno di un testo di un articolo e trasformare così il tag in qualcosa del genere
<a href="percorsofile"><img src="percorsofile" /></a>

sapete aiutarmi?

Grazie mille!

[zetaweb]

Ragazzi nessuno sa darmi una mano?

[fcaldera]

un esempio con jQuery (vedi metodo .wrap() )

http://codepen.io/anon/pen/KlsoC

$(function() {
      $('img').each(function() {
             var url = this.src;
             $(this).wrap('<a href="'+ url +'"></a>');
      });
});

[zetaweb]

Grazie mille per l'aiuto.

Il link funziona ma non come mi servirebbe.
Vorrei infatti fare in modo che il link si apra con fancybox, se vedi qui la pagina di test puoi verificare che anche se ho aggiunto l'attributo rel per farlo funzionare con fancybox, in realtà non lo recepisce
http://guidozagarola2.com/test.aspx

Sai dirmi come posso fare per risolverE?

Grazie mille!

[fcaldera]

aggiungi gli apici a prodotti

$("a[rel='prodotti']")

[zetaweb]

Dunque non erano neanche gli apici, ma semplicemente la chiamati al jquery.

Se uso quello indicato nell'esempio
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
non funziona.

Se invece uso un mio vecchio jquery
<script type="text/javascript" src="/js/jquery-1.5.1.min.js"></script>
allora funziona.

Come mai secondo te?

[zetaweb]

Scusami ma sto verificando un problema.

In pratica lui mi aggiunge giustamente il link a tutti i tag <img> che trova nella pagina, e questo mi crea problemi perché poi la pagina è ovviamente piena di immagini.

A questo punto dovrei usare il wrap non più sul tag img, ma ad esempio su una classe.

Il problema è che questa operazione la devo fare su contenuto dinamico che il cliente può inserire, quindi io dovrei riuscire ad intercettare il testo che il cliente va ad inserire e modificare così prima il tag img che inserisce nel db aggiungendogli la classe oppure un id che mi vado a gestire dopo.

Non so se sono stato chiaro, riesci a darmi un aiuto?

Grazie mille!

[fcaldera]

Se le immagini dinamiche sono tutte contenute in unico wrapper fai $('#tuowrapper img').each(...)

il fatto che funzioni con una versione di jquery e non con un'altra può dipendere dal supporto o meno di alcuni dei metodi usati... Se guardi la console te ne accorgi subito