comment envelopper une étiquette html autour d'une étiquette d'image?

Je veux convertir ci-dessous balise image htmlcomment envelopper une étiquette html autour d'une étiquette d'image?

<img src="img-1.jpg" width="290" height="420" class="frameImage" />

au code suivant à l'aide jquery.

<table class="frame" border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td class="border-top" colspan="3"></td> 
    </tr> 
    <tr> 
    <td class="border-left"></td> 
    <td><div class="image-frame"><img src="img-1.jpg" width="290" height="420" class="frameImage" /> 
     <div class="top-left"></div> 
     <div class="top-right"></div> 
     <div class="bottom-right"></div> 
     <div class="bottom-left"></div> 
     </div></td> 
    <td class="border-right"></td> 
    </tr> 
    <tr> 
    <td class="border-bottom" colspan="3"></td> 
    </tr> 
</table>

Source

2009-10-13 pooja

Pourquoi voudriez-vous faire cela? –

on dirait qu'il veut mettre une bordure spéciale autour de lui –

C'est tellement de HTML, il serait préférable de l'utiliser en premier lieu, ou de le générer côté serveur. – DisgruntledGoat

toute la table Append sans l'image du document.
Trouvez div avec la classe «image-cadre» et placez l'image à l'intérieur.

Source

2009-10-13 12:38:35 rahul

$('img[src=img-1.jpg]').before('<table class="frame" border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td class="border-top" colspan="3"></td> 
    </tr> 
    <tr> 
    <td class="border-left"></td> 
    <td><div class="image-frame"><img src="img-1.jpg" width="290" height="420" class="frameImage" /> 
     <div class="top-left"></div> 
     <div class="top-right"></div> 
     <div class="bottom-right"></div> 
     <div class="bottom-left"></div> 
     </div></td> 
    <td class="border-right"></td> 
    </tr> 
    <tr> 
    <td class="border-bottom" colspan="3"></td> 
    </tr> 
</table>').remove();

Source

2009-10-13 12:42:12 powtac

Serait mieux si vous utilisez .frameImage comme le sélecteur. – dotty

.frameImage sélectionne tous les éléments avec cette classe. img [src = img-1.jpg] sélectionne exactement l'étiquette de l'image avec cette image. Je pense que le code n'est qu'un exemple. Cela devrait être plus exact. – powtac

Vous devriez être en mesure de faire quelque chose comme ceci:


    $('.image-frame').html('<img src="img-1.jpg" width="290" height="420" class="frameImage" /%gt;')

mais auriez-vous besoin d'imprimer la table d'abord, puis insérer l'image dans la table

Source

2009-10-13 12:44:24

Ce ISN n'est pas exactement une réponse, mais vous pouvez être intéressé par jQuery-ImageFrame.

Source

2009-10-13 13:04:23 Jerph

comment envelopper une étiquette html autour d'une étiquette d'image?

Répondre

Questions connexes