<div class="image-slider <?php echo isset($extraClass) ? $extraClass : ''; ?>"> <div class="content"> <div class="brand"></div> <?php if(sizeof($images) > 1): ?> <div class="controllers"> <div class="left control" data-button="0"><span class="background"></span></div> <div class="right control" data-button="0"><span class="background"></span></div> </div> <?php endif; ?> </div> <div class="images"> <?php foreach($images as $key =>$image): ?> <span data-image="<?php echo $key; ?>" class="image large <?php if($images[0] == $image): ?> active <?php endif; ?>" style="background-image: url('<?php echo $image; ?>.jpg');"></span> <span data-image="<?php echo $key; ?>" class="image small <?php if($images[0] == $image): ?> active <?php endif; ?>" style="background-image: url('<?php echo $image; ?>-small.jpg');"></span> <?php endforeach; ?> </div> </div>