Почему бы Вам не сделать галерею на jQuery? Будет и удобно и красиво.
Делается все очень просто:
CSS:
#gallery {
padding: 20px;
border:1px solid #cccccc;
width: 483px;
margin: 10px auto;
height: 380px;
}
#big {
background-image: url("images/gal/loader.gif"); <!-- Картинка load -->
background-repeat: no-repeat;
background-position: 50% 50%;
width: 483px;
height: 302px;
border:1px dotted #cccccc;
}
#small {
margin-top: 10px;
margin-left: 33px;
}
#small a img{
border:none;
}
html:
<div id="gallery">
<!-- Стартовая картинка -->
<div id="big"><img src="images/gal/start.jpg" alt="Старт" /></div>
<div id="small">
<!-- Здесь ваши картинки, можно через php циклом вывести -->
<a href="images/gal/1.jpg"><img src="images/gal/1_mini.jpg" alt="Миниатюра 1" /></a>
<a href="images/gal/2.jpg"><img src="images/gal/2_mini.jpg" alt="Миниатюра 2" /></a>
<a href="images/gal/3.jpg"><img src="images/gal/3_mini.jpg" alt="Миниатюра 3" /></a>
<a href="images/gal/4.jpg"><img src="images/gal/4_mini.jpg" alt="Миниатюра 4" /></a>
</div>
</div>
jQuery:
$(document).ready(function(){
$('#small a').click(function(data){
$('#big img').hide().attr('src',$(this).attr('href'));
$('#big img').load(function(){
$(this).fadeIn(1000);
});
data.eventDefault();
});
});
Вот таким образом, можно сделать галерею на jQuery.
Главное:
Я использовал два типа картинок: маленькие, те которые оглавляют галерею, и большие, которые, собственно, главные в галереи. Но вы можете использовать только один тип, большие, а потом их просто уменьшить.