<a href="/путь к большой картинке.jpg" class="highslide" onclick="return hs.expand(this)"><img src="/путь к маленькой картинке.jpg" width="180" height="180" alt="Название фотки" /></a>
<div class="highslide-caption">Название фотки</div>

<script type="text/javascript" src="/путь к директории со скриптом/highslide/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="/путь к директории со скриптом/highslide/highslide.css" />

<script type="text/javascript">
        hs.graphicsDir = '/путь к директории со скриптом/highslide/graphics/';
        hs.align = 'center';
        hs.transitions = ['expand', 'crossfade'];
        hs.outlineType = 'glossy-dark';
        hs.wrapperClassName = 'dark';
        hs.fadeInOut = true;
        //hs.dimmingOpacity = 0.75;

        // Add the controlbar
        if (hs.addSlideshow) hs.addSlideshow({
                //slideshowGroup: 'group1',
                interval: 5000,
                repeat: false,
                useControls: true,
                fixedControls: 'fit',
                overlayOptions: {
                        opacity: .6,
                        position: 'bottom center',
                        hideOnMouseOut: true
                }
        });
</script>