jQuery Girl
  1. jQuery Girl
  3. Rendre la balise d’ancrage avec l’image cliquable
Intereting Posts
CORS jQuery demande AJAX création de balises Div dynamics pour la table générée AJAX-PHP-MySQL Faire un champ en lecture seule – case à cocher – jQuery angular.js écoute pour appuyer sur la touche comme raccourci pour le bouton Sur le formulaire de soumission, retourne false ne fonctionne pas Jquery ajoute le mois à la date sélectionnée Comment utiliser le plugin de délai d’inactivité eric hynds JQuery .on («clic») déclenche le «passage de la souris» sur le périphérique tactile Changer le paramètre de l’URL demandée sur un clic de bouton intégration du nombre de mots de validation jquery Comment récupérer des valeurs de clé en javascript Ajax soumet diverses valeurs d’entrée avec l’interface utilisateur jQuery, clic du bouton suivant Comment ajuster div max-height lorsque le navigateur est ouvert et réinitialisé Positionnement absolu avec négatif haut / gauche / droite / bas pour l’étirement de l’image Très larges accolades minces avec css ou jquery

Rendre la balise d’ancrage avec l’image cliquable

J’utilise un plugin que l’on est http://www.menucool.com/slider/thumbnail-slider-demo-2 . Mais je veux implémenter une image cliquable.

Dans ce plugin, affichez l’image par balise d’ancrage comme ceci: 

 
 
 
     
  •   
    •  
  •   
    •

Je veux redirect la page après avoir cliqué sur cette image. Donnez-moi une idée à ce sujet. Il est possible de faire une balise d’ancrage avec une image cliquable avec ce plugin? Donnez-moi une idée.
Merci

Si je vous ai bien compris, il vous suffit d’écouter l’événement click puis de faire ce que vous voulez.

Dans la démo ci-dessous, si vous cliquez sur la diapositive avant, il sera redirigé vers Google. Sinon, cela ne fera rien. Si vous souhaitez redirect lorsque vous click sur une image, supprimez simplement la déclaration if qui vérifie que l’image à l’avant:

Remarque: La redirection ne sera pas effectuée pour des raisons de sécurité, vous pouvez donc la voir dans cette corbeille . 

 [].forEach.call(document.querySelectorAll('.thumb'), function(a) { a.addEventListener('click', function(event) { // Check if the image in the front if (this.parentNode.classList.contains('active')) { location.href = this.dataset.href; } }); }); 
   
 
 
     
  •   
    •  
  •   
    •  
  •   
    •  
  •   
    •  
  •   
    •  
  •   
    •  
  •   
    •  
  •   
    •  
  •   
    •  
  •   
    •

À la place d’utiliser

vous pouvez utiliser

Dans la balise anchor, vous pouvez également modifier l’atsortingbut href si vous souhaitez le redirect vers n’importe quelle URL, comme ceci:

utilisez ceci 

 
    •

    source: – http://www.menucool.com/jquery-slider 

     
     
     
     
       
    •   
      •  
    •   
      •

    Utiliser une balise d’image à l’intérieur d’une balise pour afficher l’image en tant que lien hypertexte

    C’est une réponse simple et directe