Bonjour tout le monde.

Je bloque sur un truc très bête.

J'ai bricolé un petit blog pour un proche. Selon que le navigateur est un "fixe" ou un "mobile/tablette", deux css différents sont appelés (ainsi que des headers en php différents). Jusque là rien de spécial.

En revanche, j'ai utilisé le script lightbox pour afficher après un clic sur une image celle-ci en grand.

Problème, ce script n'est manifestement pas fonctionnel sur les mobiles/tablettes, aussi, la navigation se bloque si on clique sur une image tandis que l'on est sur un mobile ou une tablette.

Le scipt lightbox ajoute la balise décrite ci-après pour afficher l'image en grand :

rel="lightbox"

Je souhaite donc supprimer ce rel="lightbox" (voire le remplacer par un banal target="_blank") lorque s'affiche la version mobile du site.

J'ai tenté de trouver une solution avec jquery et la fonction html, en insérant dans mon header.php pour mobile:

<script type="text/javascript">$(document).ready(function(){$('rel=\"lightbox\"').html('');});</script>

hélas sans succès.

Le problème est que je sais utiliser cette fonction que sur <div id="xxx"> ou les liens, bref des balises html simples, mais pas ici.

En effet, chaque image se présente sous cette forme:

<a href="medias/images/xxx.jpg" rel="lightbox"><img alt="" src="medias/images/xxx.jpg" style="width: 100px; height: 100px;" /></a>

Je dois avouer mon manque de maîtrise dans ce domaine et peut-être s'agit-il d'identifier une classe en plus de la balise de lien html. Mais je n'ai jamais très bien capté cette histoire de classe.

Merci à celui qui voudra bien me donner un coup de main :)

Bon comme je le pensais je suis passé à coté d'une fonction très simple: attr pour changer les attributs de mes liens...

De même concernant la balise "rel" mal identifiée dans mon code précédent.

Donc pour modifier les attributs rel (remplacer "lightbox" par "mobile") et target (pour ouvrir dans une page vierge), voila le code :

<script type="text/javascript">$(document).ready(function () { $("a[rel=lightbox]").attr({  target: "_blank",  rel: "mobile" })});</script>

(En lieu et place de lightbox, l'attribut rel est devenu "mobile", car je pense appeler un petit script basé sur jquery mobile pour avoir un équivalent lightbox même sur les mobiles.)