inserire titoli per foto in slideshow

[jurij7]

ciao a tutti
sto cercando di inserire i titoli per ogni foto presente in una slideshow di fotografie.
sto provando in questo modo ma non va, perchè quando passa alla seconda foto rimane il titolo della prima. come posso fare?

<div id="mainContent">
   <div align="center">
     <div id="slideshow">
       <div align="center">
       		<p class="style7">megavapalanladi</p>
                [img]BW Sito/People/megavapalanladi.jpg[/img]

               <p class="style7">PrimaCheVengaNeve</p>
               [img]BW Sito/People/PrimaCheVengaNeve.jpg[/img]         
  
              [img]BW Sito/People/HowTo DisappearCompletely.jpg[/img]
              [img]BW Sito/People/Senza-titolo-23.jpg[/img]
              [img]BW Sito/People/HoVistoManiCheNonSannoSfior.jpg[/img]
              [img]BW Sito/People/LumeLume.jpg[/img]
              [img]BW Sito/People/LaMismaLuna.jpg[/img]
            
       </div>
    </div>
   </div>
</div>

[codencode]

Solo l'HTML non basta per capire la logica con cui funziona lo slideshow e quindi per capire come risolvere il problema.

[jurij7]

ok ditemi cosa vi serve, così lo posto qui.
grazie

[jurij7]

questo è il css dello slideshoe

#slideshow {
	display:block;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow: hidden;
	height: 500px;
	width: auto;
}

#slideshow img {
	width: auto;
	height: 500px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	display: block;
}