ajouter un lien autour d'une image

anthos59
Javascript

Bonjour à tous,

J'ai actuellement ce code :

<div class="panel" style="width: 540px; height: 205px; position: absolute; overflow: hidden; top: 5px; left: 5px; display: none;">
    <img src="/modules/jgalleryview2/slides/slide0.jpg" style="height: 202.5px; width: 540px; position: relative; top: 1.25px; left: 0px;">
    <div class="panel-overlay" style="position: absolute; z-index: 999; width: 530px; left: 0pt; bottom: 0px;">
        <a class="panel-overlay-link" href="http://www.auparadisdesanimaux.fr/fr/content/4-alimentation"></a>
    </div>
    <div class="overlay-background" style="position: absolute; z-index: 998; width: 540px; left: 0pt; opacity: 0.4; bottom: 0px;"></div>
</div>

N'ayant pas accès au code directement, j'aimerai pouvoir déplacer le lien dans la div panel-overlay autour de l'image. Quelqu'un aurait une idée de comment s'y prendre en jquery svp ?

Merci d'avance

4 réponses

MrGuillou
Réponse acceptée 
$('.panel').each(function(){
    var href=$(this).find('.panel-overlay .panel-overlay-link').attr('href');
    $(this).find('img').wrap('<a href="'+href+'"></a>');
});

A tester normalement ça fonctionne, la funtion each boucle sur les éléments indiqués

MrGuillou

A tester

var href = $('.panel .panel-overlay .panel-overlay-link').attr('href');
$(".panel img").wrap('<a href="'+href+'"></a>');
anthos59
Auteur

ça marche. le seul truc c'est que j'ai oublié un détail ! mais j'espere que tu aura encore une idée magique ! lol

En fait j'ai 4 fois ce code commençant par une div class="panel" avec des liens différents.

On peut automatiser ça ou il faut le faire séparément ?

Merci pour ton aide

anthos59
Auteur

Super, c'est exactement ce qu'il me fallait.

Merci de ton aide