Баннеры на главной странице

***a2l*** · 24.12.2009 14:25

Не смог разобраться со стандартным функционалом по выводу баннеров 468х60.
Поэтому сделал такой хак.

в файле header.html
в нужном месте вставляем:

Код:

<!-- begin header_banners -->
<div class="advert">
{banner_body}
</div>
<!--end header_banners -->

в файле header.php:
в самом конце перед строчкой

Код:

$t->parse("header", false);

вставляем:

Код:

//------------------banners
	$sql  = " SELECT * FROM ". $table_prefix . "banners";
	$db->query($sql);
	while ($db->next_record()) {
		$image_src = $db->f("image_src");
		$image_alt= $db->f("image_alt");
	}
if(preg_match("#\.jpg$#i",$image_src) || preg_match("#\.gif$#i",$image_src) || preg_match("#\.png$#i",$image_src)) {$t->set_var("banner_body", "<img src=\"".$image_src."\" alt=\"".$image_alt."\"/>");}
if(preg_match("#\.swf$#i",$image_src)) {$t->set_var("banner_body","<object width=\"468\" height=\"60\" id=\"top-adv\" codebase=\"http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,2,0\" classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\"><param value=\"".$image_src."\" name=\"movie\"/><param value=\"high\" name=\"quality\"/><param value=\"opaque\" name=\"wmode\"/><param value=\"exactfit\" name=\"scale\"/><embed width=\"468\" height=\"60\" pluginspage=\"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash\" type=\"application/x-shockwave-flash\" wmode=\"opaque\" scale=\"exactfit\" quality=\"high\" src=\"".$image_src."\"/></object>");}
$t->parse("header_banners", false);
//------------------banners

Если кто-то из гуру РНР подскажет, как проверку расширения файла сократить - буду признателен.
Ведь лаконичность - это талант.
А так, хак полноценно работает для вывода одного баннера размером 468 на 60 с расширением jpg, gif, png, swf.

***skobr*** · 07.09.2013 14:21

Добрый день! Подскажите, как настроить прокрутку баннеров? Я так понимаю, они сейчас обновляются только после переходов на другие страницы...

***ГонКонг*** · 07.09.2013 15:27

В первом посте инфо уже устарелая. Используется модуль баннеры. Баннеры меняются при обновлении страницы.

***skobr*** · 07.09.2013 22:03

Я нашел описание способа смены банера без перехода на другую страницу. Может кому-то пригодится )
Создал обычный банер и добавил его в отдельную группу. Все замечательно работает.

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Простая замена картинок с помощью JQuery</title>

<style type="text/css">
div#rotator {position:relative; height:150px; margin-left: 15px;}
div#rotator ul li {float:left; position:absolute; list-style: none;}
div#rotator ul li.show {z-index:500;}
</style>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>


<script type="text/javascript">

function theRotator() {
// Устанавливаем прозрачность всех картинок в 0
$('div#rotator ul li').css({opacity: 0.0});

// Берем первую картинку и показываем ее (по пути включаем полную видимость)
$('div#rotator ul li:first').css({opacity: 1.0});

// Вызываем функцию rotate для запуска слайдшоу, 5000 = смена картинок происходит раз в 5 секунд
setInterval('rotate()',5000);
}

function rotate() {
// Берем первую картинку
var current = ($('div#rotator ul li.show')? $('div#rotator ul li.show') : $('div#rotator ul li:first'));

// Берем следующую картинку, когда дойдем до последней начинаем с начала
var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first') :current.next()) : $('div#rotator ul li:first'));

// Расскомментируйте, чтобы показвать картинки в случайном порядке
// var sibs = current.siblings();
// var rndNum = Math.floor(Math.random() * sibs.length );
// var next = $( sibs[ rndNum ] );

// Подключаем эффект растворения/затухания для показа картинок, css-класс show имеет больший z-index
next.css({opacity: 0.0})
.addClass('show')
.animate({opacity: 1.0}, 1000);

// Прячем текущую картинку
current.animate({opacity: 0.0}, 1000)
.removeClass('show');
};

$(document).ready(function() {
// Запускаем слайдшоу
theRotator();
});

</script>

</head>
<body>

<div id="rotator">
<ul>
<li class="show"><a href="http://google.ru/"><img src="./images/editor/banery-1.png" width="500" height="313" alt="pic1" /></a></li>
<li><a href="http://yandex.ru/"><img src="./images/editor/banery-2.png" border="0" width="100%" alt="pic2" /></a></li>
<li><a href="http://nigma.ru/"><img src="./images/editor/banery-3.png" width="500" height="313" alt="pic3" /></a></li>
</ul>
</div>

</body>
</html>

Тема: Баннеры на главной странице

LinkBack

Опции темы

Отображение

Баннеры на главной странице

Re: Баннеры на главной странице

Re: Баннеры на главной странице

Re: Баннеры на главной странице

Сказали спасибо:

Информация о теме

Пользователи, просматривающие эту тему

Метки этой темы

Социальные закладки

Социальные закладки

Ваши права