<style>
.sSample {text-align:center;padding:3px;border:1px solid #488ebf;margin:5px;cursor:pointer;font-size:10pt;}
.sSampleO {text-align:center;padding:3px;border:1px solid #3d55e7;margin:5px;cursor:pointer;background:#488ebf;font-size:10pt;color:#ffffff;}
</style>

<div align="center"><marquee direction="up" scrollamount="2" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=2" width="10%" height="200">
<div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('Адрес вашей фотографии-1');"><img src="Адрес вашей фотографии-1" alt="Rammstein foto-1" title="Rammstein fotos" width="100" height="75" border="0"><br>Rammstein foto-1</div>
<div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('Адрес вашей фотографии-2');"><img src="Адрес вашей фотографии-2" alt="Rammstein foto-2" title="Rammstein fotos" width="100" height="75" border="0"><br>Rammstein foto-2</div>
<div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('Адрес вашей фотографии-3');"><img src="Адрес вашей фотографии-3" alt="Rammstein foto-3" title="Rammstein fotos" width="100" height="75" border="0"><br>Rammstein foto-3</div>
<div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('Адрес вашей фотографии-4');"><img src="Адрес вашей фотографии-4" alt="Rammstein foto-4" title="Rammstein fotos" width="100" height="75" border="0"><br>Rammstein foto-4</div>
<div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('Адрес вашей фотографии-5');"><img src="Адрес вашей фотографии-5" alt="Rammstein foto-5" title="Rammstein fotos" width="100" height="75" border="0"><br>Rammstein foto-5</div>

</marquee></div>