jquery: saisir div titre attr, le mettre dans l'image src

Question

Je crée une lightbox pour un site web que je crée, non je ne veux pas en utiliser un déjà fait, je veux faire le mien.

lorsque l'utilisateur clique sur un endroit sur le site, j'ai jquery grab que l'attribut de titre », et le coller dans un src image, puis injecter cette balise image dans .overlay_content

tout fonctionne sauf qu'il coutume saisir le titre, la variable ne fonctionne pas et je ne sais pas ce que je fait de mal, il est d'insérer dans img-saisi src pour l'image, pas le titre de la span.overlay_img

 $(document).ready(function() { 
     $('.overlay_img').click(function(){ 
      var docHeight = $(document).height(); 
      var grabbed_img = $(this).attr('title'); 

      $(".overlay_bg").height(docHeight).fadeIn(300, function(){ 
       $(".overlay_content").html("<img src='grabbed_img'>").fadeIn(300); 
       }); 
      }); 

     }); 

Answer 1

Etes-vous sûr que cela n'attrape pas le titre? Avez-vous essayé une alerte pour le tester?

alert(grabbed_img)

On dirait que ce pourrait être un problème avec cette ligne:

 $(".overlay_content").html("<img src='grabbed_img'>").fadeIn(300); 

devrait être:

 $(".overlay_content").html("<img src='" + grabbed_img + "'>").fadeIn(300); 

Answer 2

Essayez le texte suivant à la ligne 7 de votre script:

(".overlay_content").html("<img src='" + grabbed_img + "'>").fadeIn(300); 

Il n'y a pas d'interpolation de variable du type que vous essayez en JavaScript. Vous devez construire la chaîne en utilisant l'opérateur de concaténation.

Answer 3

ce ne est pas saisir le titre parce que vous n'êtes pas dirigeant de saisir la le titre de l'image, votre direction pour saisir le titre de la div, et il n'en a pas.

$('.overlay_img img')