Динамический карусельный баннер на основе просмотренных страниц

Я пытаюсь создать динамический карусельный баннер для обновления изображения, заголовков, текста, ссылок & alts в зависимости от просматриваемой страницы контента.

Сайт кодируется в .php & используя загрузочный 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 для обновления изображений.

Спасибо!

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>
0

Другие решения

Других решений пока нет …