Recuperare nome foto da galleria

[ugof]

Buon giorno,
ho questo div:

 <div id="profilo-uno">
          
          <div id="header-prof">
            <div id="photo-container">
              <div id="photo">
                <img class="default-img" src="images/foto-dummy-meschio.png" rel="tooltip-cam" title="Clicca per aggiungere una foto al profilo">
              </div>
              <div class="glyphicon glyphicon-pencil" title="Modifica la fotografia del profilo" rel="tooltip-pen"></div>
            </div>
            <h3 class="green">Profilo 1</h3>
          </div>

Cliccando sull'immagine si apre un altro DIV

 <div id="overlay-trans"><!-- photo container -->
  
  <div class="glyphicon glyphicon-remove"></div>
  
    <div class="container">
    
      <ul class="row">
        
          <li class="col-xs-4">
            <div class="new">
              <div class="glyphicon glyphicon-upload" rel="tooltip-up" title="Carica nuova foto"></div>
            </div>
          </li>
<?php
....  codice PHP che legge la tabella mySql e stampa le immagini
?>            
<?php
 echo "<li class='col-xs-4' id='<?php echo $idF; ?>'><img  src='$fotox' ><li>";
         }
    ?>      
      </ul>

    </div> 
  
  </div><!-- photo container -->

cliccando su una immagine si chiude la galleria e la miniatura dell'immagine viene visualizzata nel DIV che era servito ad aprire la galleria tramite questo codice:

 $('ul.row li img').on('click', function(){        
      if($('#profilo-uno').is(':visible')) {
          $('#profilo-uno #photo').empty().append(this);
          alert(this);
          $('#overlay-trans').fadeOut();
        }
    });

Adesso vorrei cattuare anche il nome dell'immagine: aggiungendo

 var foto = ($(this).attr('src'));

con un alert visualizzo il nome dell'immagine ma non riesco a passarlo ad uno script PHP tramite la chiamata Ajax: non riesco a scrivere il codice per il ritorno della chiamata Ajax: potresre darmi un consiglio?
Grazie

[SimoX90]

var foto =($(this).attr('src'));
qui inizializzi variabile non globale e sei all'interno di una funzione, quindi, a meno che tu non faccia partire la chiamata ajax qui dentro (o che non ci sia una funzione a cui dai foto come parametro), all'esterno del blocco è indefinita.

se il problema non è questo posta il codice della chiamata

[ugof]

Buon giorno,
ho questo div:

 <div id="profilo-uno">
          
          <div id="header-prof">
            <div id="photo-container">
              <div id="photo">
                <img class="default-img" src="images/foto-dummy-meschio.png" rel="tooltip-cam" title="Clicca per aggiungere una foto al profilo">
              </div>
              <div class="glyphicon glyphicon-pencil" title="Modifica la fotografia del profilo" rel="tooltip-pen"></div>
            </div>
            <h3 class="green">Profilo 1</h3>
          </div>

Cliccando sull'immagine si apre un altro DIV

 <div id="overlay-trans"><!-- photo container -->
  
  <div class="glyphicon glyphicon-remove"></div>
  
    <div class="container">
    
      <ul class="row">
        
          <li class="col-xs-4">
            <div class="new">
              <div class="glyphicon glyphicon-upload" rel="tooltip-up" title="Carica nuova foto"></div>
            </div>
          </li>
<?php
....  codice PHP che legge la tabella mySql e stampa le immagini
?>            
<?php
 echo "<li class='col-xs-4' id='<?php echo $idF; ?>'><img  src='$fotox' ><li>";
         }
    ?>      
      </ul>

    </div> 
  
  </div><!-- photo container -->

cliccando su una immagine si chiude la galleria e la miniatura dell'immagine viene visualizzata nel DIV che era servito ad aprire la galleria tramite questo codice:

 $('ul.row li img').on('click', function(){        
      if($('#profilo-uno').is(':visible')) {
          $('#profilo-uno #photo').empty().append(this);
          alert(this);
          $('#overlay-trans').fadeOut();
        }
    });

Adesso vorrei cattuare anche il nome dell'immagine: aggiungendo

 var foto = ($(this).attr('src'));

con un alert visualizzo il nome dell'immagine ma non riesco a passarlo ad uno script PHP tramite la chiamata Ajax: non riesco a scrivere il codice per il ritorno della chiamata Ajax: potresre darmi un consiglio?
Grazie

Ti ringrazio per la risposta.
Ho risolto ponendo la chiamata Ajax dopo la chiusura dell'overlay:

 $('ul.row li img').on('click', function(){  
      
      if($('#profilo-uno').is(':visible')) {
       var foto = ($(this).attr('src'));
     
        
       $('#profilo-uno #photo').empty().append(this);
        
              $('#overlay-trans').fadeOut();
      }
          $.ajax({
              type: "POST",
              url: "elaborafoto.php",
             data: "foto=" + foto  ,
              dataType: "html",
........ etc, etc