Изменение фоновой картинки по разрешению экрана

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем rbarom, 27.08.2007.

  1. Offline

    rbarom Недавно здесь

    Регистрация:
    21.11.2006
    Сообщения:
    48
    Симпатии:
    0
    Пол:
    Мужской
    Можно ли организовать это в шаблоне, и, есла да - то как именно? Т.е. необходимо, чтобы шаблон запрашивал разрешение экрана у пользователя, и, в зависимости от оного использовал разные файлы в качестве фона.
    ЗЫ: Такая необходимость возникла в связи с нестандартными требованиями к фоновому оформлению.
     
  2.  
  3. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 108
    Симпатии:
    159
    Пол:
    Мужской
    Ответ: Изменение фоновой картинки по разрешению экрана

    Код (CODE):
    1. <head>
    2. <script language="JavaScript">
    3. var height=0;
    4. var width=0;
    5.  
    6. if (self.screen) {     // for NN4 and IE4
    7.         width = screen.width
    8.         height = screen.height
    9. }
    10. else if (self.java) {   // for NN3 with enabled Java
    11.        var jkit = java.awt.Toolkit.getDefaultToolkit();
    12.        var scrsize = jkit.getScreenSize();      
    13.        width = scrsize.width;
    14.        height = scrsize.height;
    15. }
    16. if (width == 800 && height == 600) {
    17. document.write("<link rel='stylesheet' type='text/css' href='<?php echo $mosConfig_live_site; ?>/templates/ИмяВашегоШаблона/css/800х600.css'>");
    18. }else if(width == 1024 && height == 768){
    19. document.write("<link rel='stylesheet' type='text/css' href='<?php echo $mosConfig_live_site; ?>/templates/ИмяВашегоШаблона/css/1024х768.css'>");
    20. }
    21. document.write("<link rel='stylesheet' type='text/css' href='<?php echo $mosConfig_live_site; ?>/templates/ИмяВашегоШаблона/css/1280х1024.css'>");
    22. }
    23. </script>
    24. </head>


    От этого кода можно "плясать"
    в зависимости от разрешения выдает свой css , в css уже прописываете параменты фона, что вам нужно.
     
  4. Offline

    rbarom Недавно здесь

    Регистрация:
    21.11.2006
    Сообщения:
    48
    Симпатии:
    0
    Пол:
    Мужской
    Ответ: Изменение фоновой картинки по разрешению экрана

    Fanamura, Большое спасибо, буду пробовать.
     
  5. Offline

    StoneSky Недавно здесь

    Регистрация:
    08.12.2007
    Сообщения:
    14
    Симпатии:
    0
    Ответ: Изменение фоновой картинки по разрешению экрана

    Подскажите пожалуйста,как мне реализовать эту функцию если у меня вот что:

    Код (CODE):
    1. <?php defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' ); $style = ""; ?>
    2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="<?php echo _LANGUAGE; ?>">
    4. <head>
    5.     <meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
    6.     <meta http-equiv="Content-Style-Type" content="text/css" />
    7.     <?php
    8. if ( $my->id ) {
    9.     initEditor();
    10. }
    11. mosShowHead();?>
    12.  
    13. <?php require_once($mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() . "/menus.php");?>
    14. <?php require_once($mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() . "/aion_template_config.php");?>
    15. <?php
    16. $user_positions = array('user4','user5','user6');
    17. $user456width = getSplit($user_positions, 1);
    18. $bottom_user_positions = array('user7','user8','user9');
    19. $user789width = getSplit($bottom_user_positions, 1);
    20. $style = getColumns();
    21. ?>
    22.  
    23. <link rel="stylesheet" href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate();?>/css/nav.css" media="screen" type="text/css" />
    24. <link rel="stylesheet" href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate();?>/css/template_css.css" media="screen" type="text/css" />
    25. <link rel="stylesheet" href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate();?>/js/slimbox/slimbox.css" media="screen" type="text/css" />
    26.  
    27.  
    28.  
    29. <!--[if IE]>
    30.     <link rel="stylesheet" href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate();?>/css/ie.css" media="screen" type="text/css" />
    31. <![endif]-->
    32.  
    33. <script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate();?>/js/mootools.js"></script>
    34. <script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate();?>/js/slimbox.js"></script>
    35.  
    36.  
    37. </head>


    Добавлено через 20 часов 11 минут
    Никто не поможет?:[
     
    Последнее редактирование: 30.01.2008
  6. AmmiAk
    Offline

    AmmiAk Укротитель браузеров

    Регистрация:
    25.07.2007
    Сообщения:
    633
    Симпатии:
    34
    Пол:
    Мужской
    Ответ: Изменение фоновой картинки по разрешению экрана

    Такая манера обращения больше тянет на:
    StoneSky, помимо одного желания что-то обрести, также немаловажно к достижению своей цели прилагать какие-то усилия! Просто так никому ничто не достается... :no:
    Неа, и так до того момента, пока Вы не измените своего отношения к подобного рода вещам. ;(
     
  7. Offline

    StoneSky Недавно здесь

    Регистрация:
    08.12.2007
    Сообщения:
    14
    Симпатии:
    0
    Ответ: Изменение фоновой картинки по разрешению экрана

    Что за бред? Я не просил реализовать, я попросил совета, просто не всегда нужно изобретать велосипед, достаточно знать где искать в готовых решениях. Именно на это я и рассчитывал взывая о совете.
    И нечего делать ЦИТАТЫ с текстом, которого я не говорил. Как это назвать? Клеветой?
     
  8. AmmiAk
    Offline

    AmmiAk Укротитель браузеров

    Регистрация:
    25.07.2007
    Сообщения:
    633
    Симпатии:
    34
    Пол:
    Мужской
    Ответ: Изменение фоновой картинки по разрешению экрана

    Да что Вы говорите, все люди одинаково трудолюбивы и эрудированы - исключений по этому положению нет и быть не может! :)<
    Готовое решение в своем сообщении привел Fanamura. Очень жаль, что для Вас оно оказалось простым "чихом"... :king:
     
  9. Offline

    betaboy Недавно здесь

    Регистрация:
    26.09.2009
    Сообщения:
    3
    Симпатии:
    0
    Пол:
    Мужской
    а возможно ли реализовать средствами CSS 2 пропорциональный ресайз фоновой картинки, как здесь: http://www.alexandergusev.com/
     
  10. woojin
    Offline

    woojin Местный Команда форума

    Регистрация:
    31.05.2009
    Сообщения:
    3 209
    Симпатии:
    335
    Пол:
    Мужской
    а исходный код страницы смотреть не пробовал ни разу!!!!!!
    да и в принципе на кой чёрт это надо????!!!!!!!!
    когда просто можно запостить ссылку на сайт и ждать пока обгадят!!!!!!!!

    это блин что?
    Код (CODE):
    1. <script type="text/javascript" src="js/jquery-latest.js"></script>
    2. <script type="text/javascript" src="js/jquery.backstretch.js"></script>
    3.  
    4. <script type="text/javascript">
    5.   $.backstretch("http://habreffect.ru/files/030/71a255a91/111.jpg");
    6. </script>

    в CSS такого реализовать вообще ни как не возможно, CSS это не активный язык, это набор условий

    ИЗУЧАЙ МАТ.ЧАСТЬ И ЧИТАЙ ДОКИ
     

Поделиться этой страницей

Загрузка...