[Ищу] Плагин background'а

Тема в разделе "Wordpress", создана пользователем alex_omega, 10 фев 2011.

Статус темы:
Закрыта.
Модераторы: Sorcus
  1. alex_omega

    alex_omega Постоялец

    Регистр.:
    28 окт 2008
    Сообщения:
    87
    Симпатии:
    3
    Подскажите - есть ли плагин для вывода картинки на бэкгроунд которая при скроллинге остается на месте и не меняет свой масштаб в зависимости от разрешения экрана.
    Скриптов на эту тему много (и слайдером картинки меняются и при смене станицы), но прикрутить их у меня не получилось. Поиск тоже результата пока не дал.
     
  2. gruz222

    gruz222 Постоялец

    Регистр.:
    8 авг 2008
    Сообщения:
    62
    Симпатии:
    6
    в css есть замечательное свойство

    position: fixed;


    пишешь так

    <div style="backround-color:#aaa;width:100%;height:100%;">

    <div style="backround-color:#900;position:fixed;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;">

    <img src="тут адрес картинки" width="100" height="100" />

    </div>

    </div>
     
  3. alex_omega

    alex_omega Постоялец

    Регистр.:
    28 окт 2008
    Сообщения:
    87
    Симпатии:
    3
    Это немного не то что стояло в вопросе.
    Вот сприпт
    http://nanotux.com/blog/fullscreen/
    а вот демоверсия его работы
    http://nanotux.com/plugins/fullscreenr/index.html

    Не получается его прикрутить - мозгов не хватает, поэтому ищу готовый плагин
     
  4. t3s

    t3s

    Регистр.:
    16 фев 2008
    Сообщения:
    719
    Симпатии:
    290
    gruz222, зачем делать просто если можно сделать сложно? :-]
    в вашем примере картинка будет загружаться каждый раз заново при обновлении страницы, а это не есть гуд

    ТС, я честно говоря тоже не совсем понял - какой смысл искать плагины там где можно обойтись всего одной строкой? посмотрите вместе с примером:
    http://www.brownielocks.com/fixedbackground.html
     
  5. alex_omega

    alex_omega Постоялец

    Регистр.:
    28 окт 2008
    Сообщения:
    87
    Симпатии:
    3
    t3s, измените теперь масштаб броузера - при уменьшении в вашем примере на странице цветочки начнет чередоваться...
    теперь посмотрите на демоверсию указанного мною скрипта - при изменении масштаба будет масштабироваться все что на странице - а фоновое изображение останется в том же размере
     
  6. t3s

    t3s

    Регистр.:
    16 фев 2008
    Сообщения:
    719
    Симпатии:
    290
    в примере увидел вот что:
    HTML:
    	<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
    	<script src="js/jquery.fullscreenr.js" type="text/javascript"></script>
    	<script type="text/javascript">  
    		<!--
    			// You need to specify the size of your background image here (could be done automatically by some PHP code)
    			var FullscreenrOptions = {  width: 1024, height: 683, bgID: '#bgimg' };
    			// This will activate the full screen background!
    			jQuery.fn.fullscreenr(FullscreenrOptions);
    		//-->
    	</script>
    это все ради одной фоновой картинки?!? дело конечно ваше...
    про то что бекграунд поставлен не бекграундом а тегом img скромно промолчу - неудивительно что потом народ удивляется "почему вордпресс тормозит"

    дело конечто же ваше, если желаете пострелять по воробьям межконтинентальными баллистическими ракетами - поставьте данный код в файл header.php (перед закрывающим тегом head), а сразу после body (как правило он может быть в header.php или index.php - зависит от шаблона) поставьте строку
    HTML:
    <img id="bgimg" src="путь к картинГо/картинГо.jpg" />
    обратите внимание - если какой-то из плагинов использует jquery (т.е. библиотека загружается ним) то самую верхнюю строку можно не ставить

    но лично я бы сделал так как предложено в 4-ом сообщении - а чтобы картинка не "чередовалась", можно заюзать свойство no-repeat
     
  7. gruz222

    gruz222 Постоялец

    Регистр.:
    8 авг 2008
    Сообщения:
    62
    Симпатии:
    6
    а что если бэкграундом то картиинка кэшируется, а если <img>, то нет?
     
  8. t3s

    t3s

    Регистр.:
    16 фев 2008
    Сообщения:
    719
    Симпатии:
    290
    естественно
     
  9. dfly

    dfly Писатель

    Регистр.:
    8 май 2009
    Сообщения:
    9
    Симпатии:
    0
Статус темы:
Закрыта.