PHP Proud\Core\print_responsive_image示例

示例#1

文件： jumbotron-slideshow.php 项目： proudcity/wp-proud-core

" class="carousel slide" data-ride="carousel">
  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <?php 
foreach ($instance['slideshow'] as $key => $slide) {
    ?>
      <div class="item<?php 
    echo $key === 0 ? ' active' : '';
    ?>
">
        <div class="full-image jumbotron-header-container" style="<?php 
    print implode('', $arr_styles);
    ?>
">
          <?php 
    Proud\Core\print_responsive_image($slide['resp_img'], ['jumbo-image-container']);
    ?>
          <div class="container"><div class="full-container"><div class="full"><div class="row">
            <div class="carousel-caption">
              <?php 
    if (!empty($slide['slide_title'])) {
        ?>
                <h2 class="h1"><?php 
        print $slide['slide_title'];
        ?>
</h2>
              <?php 
    }
    ?>
              <?php 
    if (!empty($slide['description'])) {

示例#2

文件： jumbotron-full.php 项目： proudcity/wp-proud-core

<div class="<?php 
print implode(' ', $classes);
?>
" id="<?php 
print $random_id;
?>
" style="<?php 
print implode('', $arr_styles);
?>
">
  <?php 
if (!empty($resp_img)) {
    Proud\Core\print_responsive_image($resp_img, ['jumbo-image-container']);
}
?>
  <div class="container"><div class="full-container">
    <div class="<?php 
print implode(' ', $boxclasses);
?>
"><div class="row"><div class="col-lg-7 col-md-8 col-sm-9">
      <div class="jumbotron-bg"><div class="jumbotron-bg-mask"></div><?php 
print $content;
?>
</div>
    </div></div></div>
  </div></div>
</div>