Jump to content

Retreiving and reusing elements within an img tag.


Recommended Posts

I apologize for blindly wondering in here like this, but I’m just beginning to learn regex and my users are begging me for this feature now  :D

 

I would like to be able to perform a regex action on a string that will find all img tags and be able to modify or reuse the attributes contained within it. One of the things I may do is wrap the img tag in a link that’ll call a lightbox. For example, that might take this tag:

 

<img src="blah.jpg" width="400" height="400" alt="Something about this image" />

 

And modify it to:

 

<a href="blah.jpg" class="lightview" title="Something about this image"><img src="blah.jpg" width="400" height="400" alt="Something about this image" /></a>

 

That example is taking the value of the img src and alt tags and reusing them as the href and title within the anchor.

 

I’ve tried finding a tutorial for this specific situation to no avail – if anyone is aware of an applicable tutorial for this, feel free to point me in the right direction. If you’d like to walk me through building a regex to do this here, that’d be fantastic.

 

Thanks as always.

 

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.