<div class="photo-gallery style1" id="photo-gallery1" data-animation="slide" data-sync="#image-carousel1">
    <ul class="slides">
        <?php foreach($slides as $slide): ?>
        <li><img src="<?php echo URL('/media/uploads/images/hotel/size/1140x416/'.$slide->file.''); ?>" alt="<?php echo $slide->description; ?>" /></li>
         <?php endforeach; ?>
    </ul>
</div>
<div class="image-carousel style1" id="image-carousel1" data-animation="slide" data-item-width="70" data-item-margin="10" data-sync="#photo-gallery1">
    <ul class="slides">
        <?php foreach($slides as $slide): ?>
        <li><img src="<?php echo URL('/media/uploads/images/hotel/size/92x69/'.$slide->file.''); ?>" alt="<?php echo $slide->description; ?>" /></li>
        <?php endforeach; ?>
    </ul>
</div>