Esempio n. 1
0
<div id="myCarousel" class="canvas carousel slide">
    <!-- Full Page Image Background Carousel Header -->
    
    <?php 
/****************************************************************************************************/
$all_images = ImageSlider::getAll("WHERE image_slider_status=1");
$first_image = $all_images[0]->image_slider_id;
/*************************************************************************************************************/
?>
        <!-- Indicators -->
    <ol class="carousel-indicators xtra-border">
        
    <?php 
/************************************************************************************************************/
foreach ($all_images as $image) {
    ?>
          <li data-target="#myCarousel" data-slide-to="<?php 
    echo $image->image_slider_id;
    ?>
" class="<?php 
    echo $first_image == $image->image_slider_id ? 'active' : '';
    ?>
"></li>
            
      <?php 
}
/*************************************************************************************************************/
?>
    </ol>

        <!-- Wrapper for Slides -->
Esempio n. 2
0
    <img src="./../img/4(1).jpg"  style="width:250px; border: 2px black solid" alt="slika"/>
</div> -->

<div class="row">
    <div class="col-md-12 col-sm-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                Update images from the slider <br>
                <strong style="color: red;">Caution: picture size must be  1920x1280px</strong>
            </div>
            <div class="panel-body">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#home" data-toggle="tab">All images from the slider</a>
                    </li>
                    </li>
                </ul>
    <div class="tab-content">
        <div class="tab-pane fade active in" id="home">
        <br>
     <?php 
$all_images = ImageSlider::getAll();
//print_r($all_images);
foreach ($all_images as $image) {
    echo "<div class='col-xs-12 col-sm-6 col-md-6 col-lg-4'>\n            <div class='thumbnail'>\n                <img src='./../img/{$image->image_slider_url}' height='200px' alt=''>\n              </div>     \n            <div class='caption'>   \n             Subtitle: {$image->image_slider_subtitle} <br>\n             Title : {$image->image_slider_title}<br>\n             Image status: " . ($image->image_slider_status == 1 ? 'show' : 'hide') . "\n                 <br>\n              <form action='home.php?page=4' method='POST'>\n                        <button class='btn btn-primary custom-button' name='edit' value='{$image->image_slider_id}'><i class='fa fa-pencil'></i> Edit text</button>\n                         <input type='hidden' name='image_slider_id' value='{$image->image_slider_id}'>\n                    </form>\n                    <form action='home.php?page=5' method='POST'>\n                        <button class='btn btn-primary custom-button' name='change_picture' value='{$image->image_slider_id}'><i class='fa fa-edit'></i>Change picture</button>\n                    </form>\n            </div>\n               \n           \n            \n        </div>";
}
?>
</div>
</div>
</div>
</div>
<!-- /. ROW  -->