salve, sono nuovo qui. spero di non sbagliare posto.
Sono alle prime armi, sto cercando di fare una galleria immagine.

Al passaggio del mouse sulle anteprime viene visualizzata la didascalia di ogni singola foto tramite uno script che preleva l'atributo "TITLE" del link html.

Volevo scrivere il codice jquery o quello che sia in modo che quando si fa onClick, venga visualizzato il "TITLE" anche in alto, restando visibile fino a quando non si clicca su un'altra anteprima.

questo è il sito:



La stringa:
$("div#banner").text("<p1 id='preview'>"+ c +"</p>");
quasi alla fine del codice, è quella che non funziona.


allego il pezzo di codice che presumo sia dove non riesco a capire:

[CODE]//_____________________________________________DIDAS CALIA_________________________
this.imagePreview = function(){

$("a.preview").hover(function(e){
this.t = this.title;
this.title = "";
var c = (this.t != "") ? "
" + this.t : "";
$("body").append("<p1 id='preview'>"+ c +"</p>");
$("#preview")
.css("position","fixed")
.css("height","10%")
.css("top","92%")
.css("bottom","0px")
.css("left","0px")
.fadeIn("slow");
},
function(){
this.title = this.t;
$("#preview").remove();
});
};

//questa funzione mostra() vine richiamata da onClick sul link html...
function mostra(){
this.t = this.title;
this.title = "";
var c = (this.t != "") ? "
" + this.t : "";
$("div#banner").text("<p1 id='preview'>"+ c +"</p>");
};

$(document).ready(function(){
imagePreview();
});
</script>


Grazie per l'attenzione!