хорошо, если вы хотите получить длинный ответ ... выясните, какое разрешение использует пользователь, и настройте свой баннер соответствующим образом.
шаги:
укажите идентификатор для изображения вашего баннера (или div).
поместите этот скрипт в заголовок вашего page.tpl.php или создайте файл file.js и включите его в ваш template.info.
<SCRIPT language="JavaScript">
<!--
if (screen.width>=1024)
{
document.getElementById("idElement").setAttribute("width", "1000px");
}
else if (screen.width>=800)
{
document.getElementById("idElement").setAttribute("width", "780px");
}
else
{
document.getElementById("idElement").setAttribute("width", "480px");
}
//-->
</SCRIPT>
примечание: изменить"idElement" с идентификатором вашего баннера.
РЕДАКТИРОВАТЬ:
Так вы используете что-то вроде объявлений Google, не так ли?Тогда вы можете использовать ту же логику выше, с несколькими настройками.Например ...
Вы можете разместить 3 баннера внутри тегов <div>
.Допустим, у вас есть баннер шириной 1000, шириной 800 и шириной 300.
<div id="banner-1000" style="display: none;">[code for bannerx1000]</div>
<div id="banner-800" style="display: none;">[code for banner 800]</div>
<div id="banner-300" style="display: none;">[code for banner 300]</div>
теперь в сценарии js, который я дал вам выше, измените
document.getElementById("idElement").setAttribute("width", "1000px");
с
document.getElementById("idElement").setAttribute("style", "display: block;");
Таким образом, вы размещаете все баннеры на своей странице, но они скрыты.Когда браузер jscript разрешает разрешение, он отображает div, показывающий соответствующий баннер.
Вы также можете использовать теги <iframe>
и поместить код своего баннера в другой файл.Та же логика.
Или вы можете использовать PHP и JS для достижения этой цели ... Определить разрешение экрана с помощью PHP , но я думаю, что это не совсем понятно.