Перейти к контенту
  • 0

Автоматическая смена лого в зависимости от разрешения экрана юзера


Sith_Lord

Вопрос

Подскажите, пожалуйста, как сделать так чтобы менялось лого в зависимости от разрешения экрана пользователя?

По аналогии со сменой по времени суток:

<div id="logostrip"><a href='{$this->ipsclass->base_url}'><!--ipb.logo.start-->
<script language="javascript">

today = new Date();

thehour = today.getHours();

if ((thehour >= 5) && (thehour <= 11))
{ display =  "ссылка_на_утреннюю_картинку"; }

if ((thehour >= 12) && (thehour <= 16))
{ display = "ссылка_на_дневную_картинку"; }

if ((thehour >= 17) && (thehour <= 23))
{ display = "ссылка_на_вечернюю_картинку"; }

if ((thehour >= 0) && (thehour <= 4))
{ display = "ссылка_на_ночную_картинку"; }


var out = "<img src='"+ display +"' style='vertical-align:top' alt='IPB' border='0' />";

document.write(out);

</script>
<!--ipb.logo.end--></a></div>

Ссылка на комментарий
Поделиться на других сайтах

Рекомендуемые сообщения

  • 0

Так правильно?

<div id="logostrip"><a href='{$this->ipsclass->base_url}'><!--ipb.logo.start-->
<script language="javascript">

if(screen.width==1024)
{ display =  "images/logo.gif"; }

if(screen.width==800)
{ display = "images/logo2.gif"; }

if(screen.width>1024)
{ display = "images/logo3.gif"; }

var out = "<img src='"+ display +"' style='vertical-align:top' alt='IPB' border='0' />";

document.write(out);

</script>
<!--ipb.logo.end--></a></div>

Ссылка на комментарий
Поделиться на других сайтах

Присоединиться к обсуждению

Вы можете ответить сейчас, а зарегистрироваться позже. Если у вас уже есть аккаунт, войдите, чтобы ответить от своего имени.

Гость
Ответить на вопрос...

×   Вы вставили отформатированный текст.   Удалить форматирование

  Допустимо не более 75 смайлов.

×   Ваша ссылка была автоматически заменена на медиа-контент.   Отображать как ссылку

×   Ваши публикации восстановлены.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

Зарузка...
×
×
  • Создать...

Важная информация

Находясь на нашем сайте, вы соглашаетесь на использование файлов cookie, а также с нашим положением о конфиденциальности Политика конфиденциальности и пользовательским соглашением Условия использования.