基于分页查看的动态轮播横幅

时间:2014-10-05 23:51:46

标签: php css twitter-bootstrap variables carousel

我尝试制作动态轮播横幅来更新图片,标题,文字,链接和广告。 alts基于正在查看的内容页面。

该网站正在编码.php&使用bootstrap CSS框架。我已将网站分为三个主要部分......标题,“内容”和页脚。

我将函数img-banner称为header.php的一部分,但希望使用存储在“内容”页面中的变量来确定正在查看的图像等。

调用该函数:

<div class="img-banner">
  <?php include ("functions/img-banner.php"); ?>    
<!-- closing img-banner -->
</div>

功能:

<?php
function img_banner()
{   
?>
<div class="carousel-inner">
  <div class="item active"> <img src="<?php echo $img1;?>" alt="<?php echo $alt1;?>">
    <div class="container">
      <div class="carousel-caption">
        <h1><?php echo $head1;?></h1>
        <p><?php echo $text1;?></p>
        <p><a class="btn btn-lg btn-primary" href="<?php echo $link1;?>" role="button">Learn More<i class="fa fa-chevron-details"></i></a></p>
     </div>
  </div>
</div>
<div class="item"> <img src="<?php echo $img2;?>" alt="<?php echo $alt2;?>">
  <div class="container">
    <div class="carousel-caption">
      <h1><?php echo $head2;?></h1>
      <p><?php echo $text2;?></p>
      <p><a class="btn btn-lg btn-primary" href="<?php echo $link2;?>" role="button">Learn More<i class="fa fa-chevron-right"></i></a></p>
    </div>
  </div>
</div>
<div class="item"> <img src="<?php echo $img3;?>" alt="<?php echo $alt3;?>">
  <div class="container">
    <div class="carousel-caption">
      <h1><?php echo $head3;?></h1>
      <p><?php echo $text3;?></p>
      <p><a class="btn btn-lg btn-primary" href="<?php echo $link3;?>" role="button">Learn More<i class="fa fa-chevron-right"></i></a></p>
    </div>
   </div>
  </div>
 </div>
<?php
}
?>

我有点难过并试过(显然没有成功)全局和SESSION变量,但无法使它们正常工作。

我很欣赏有关实施上述方法的最佳方法的确认,因此我可以阅读并弄清楚这一点。我的主要目标是使用cms样式的管理面板来更新图像。

谢谢!

1 个答案:

答案 0 :(得分:0)

首先,该函数无法访问$ img1- $ img3变量,因为您没有将它们传递给函数。

其次,你真的不需要一个函数来完成这个简单的任务。

最后但并非最不重要的是,你甚至没有调用该函数,只包括它的文件。

以下是您应该如何做到这一点:

<div class="img-banner">
  <?php include ("img-banner.php"); ?>    
<!-- closing img-banner -->
</div>

和img-banner.php:

<div class="carousel-inner">
  <div class="item active"> <img src="<?php echo $img1;?>" alt="<?php echo $alt1;?>">
    <div class="container">
      <div class="carousel-caption">
        <h1><?php echo $head1;?></h1>
        <p><?php echo $text1;?></p>
        <p><a class="btn btn-lg btn-primary" href="<?php echo $link1;?>" role="button">Learn More<i class="fa fa-chevron-details"></i></a></p>
     </div>
  </div>
</div>
<div class="item"> <img src="<?php echo $img2;?>" alt="<?php echo $alt2;?>">
  <div class="container">
    <div class="carousel-caption">
      <h1><?php echo $head2;?></h1>
      <p><?php echo $text2;?></p>
      <p><a class="btn btn-lg btn-primary" href="<?php echo $link2;?>" role="button">Learn More<i class="fa fa-chevron-right"></i></a></p>
    </div>
  </div>
</div>
<div class="item"> <img src="<?php echo $img3;?>" alt="<?php echo $alt3;?>">
  <div class="container">
    <div class="carousel-caption">
      <h1><?php echo $head3;?></h1>
      <p><?php echo $text3;?></p>
      <p><a class="btn btn-lg btn-primary" href="<?php echo $link3;?>" role="button">Learn More<i class="fa fa-chevron-right"></i></a></p>
    </div>
   </div>
  </div>
 </div>