didascalia galleria immagine

[italoalfonso]

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!

[cavicchiandrea]

<p1
$("div#banner").append("<p id='preview'>"+ c +"</p>");

[italoalfonso]

grazie per rispondere.

dunque..

ho corretto errore di sintassi p1.
e ricaricato pagina sul server:



purtroppo in alto (banner) al click compare il seguente testo:
<p id='preview'>
undefined</p>

facendo click per la seconda volta compare questo:
<p id='preview'></p>

facendo click per la terza volta consecutiva resta comunque:
<p id='preview'></p>

la prima parte del codice che mostra la didascalia al pasaggio del mouse (in blu), funziona bene. la seconda parete (in marrone) dovrebbe mostrare il titolo dopo il click. purtroppo mostra altro.

[/COLOR]
this.imagePreview = function(){
$("a.preview").hover(function(e){
this.t = this.title;
this.title = "";
var c = (this.t != "") ? "
" + this.t : "";
$("body").append("<p 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("<p id='preview'>"+ c +"</p>");
};

$(document).ready(function(){
imagePreview();
});