Помощник
|
главная страница? |
Василя
|
Сообщение
#1
|
||
|
|
||
|
|||
Alcorn |
31.8.2010, 5:58;
Ответить: Alcorn
Сообщение
#2
|
|
Чем больше картнинка, тем дольше она грузится.
На весь экран и без полос прокрутки - нужен javascript. |
|
|
Василя
|
Сообщение
#3
|
|
спасибо! и как он выглядит этот ява скрипт? где его можно взять?
|
|
|
Alcorn |
31.8.2010, 6:29;
Ответить: Alcorn
Сообщение
#4
|
|
Самому написать.
Первое, размер окна заранее неизвестен, ужатое окно может быть и 100x100, соответственно измеряем рабочую область окна. Второе, рисунки непропорциональны, т.е. при width:100% высота может вылезти за пределы окна и также наооборот, при height:100% ширина может вылезти за пределы окна, соответственно подгоняем по одному из размеров. Вроде всё. |
|
|
Василя
|
Сообщение
#5
|
|
:wacko:окно это что экран, манитор?
|
|
|
Alcorn |
31.8.2010, 8:41;
Ответить: Alcorn
Сообщение
#6
|
|
Как-то так -
[PHP] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style> html,body { margin:0; padding:0; } </style> <script> window.onload=function() {xxx();} window.onresize=function() {xxx();} function xxx() { var ww=document.documentElement.clientWidth; var wh=document.documentElement.clientHeight; var pw=document.getElementById('x').offsetWidth; var ph=document.getElementById('x').offsetHeight; document.getElementById('x').style.height='auto'; document.getElementById('x').style.width=document.documentElement.clientWidth+'px'; if (document.getElementById('x').offsetHeight>document.documentElement.clientHeight) { document.getElementById('x').style.width='auto'; document.getElementById('x').style.height=document.documentElement.clientHeight-4+'px'; } } </script> </head> <body> <div><img id="x" src="11.jpg"></div> </body> </html> [/PHP] |
|
|
Василя
|
Сообщение
#7
|
|
Спасибо!
Если этот код вставить в страницу будет грузится быстрее? И писать вместо Х что что то нужно? |
|
|
Webmaster_hb |
1.9.2010, 12:00;
Ответить: Webmaster_hb
Сообщение
#8
|
|
|
Василя, если вы хотите сделать как в том примере, то не нужен Javascript
делаете так <body style="background-image:url('/image.jpg'); background-repeat:no-repeat; background-position: 50% 50%"> и всё картинка на фоне будет всегда стоять по центру фиксированного размера а вот если надо сделать, чтобы картинка растягивалась - то тогда надо использовать другие методы
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Не стандартная страница регистрации/авторизации | 5 | WebJunior_mw | 1488 | 5.1.2018, 22:03 автор: BLIK |
|
Продается фан-страница в ФБ 53 тыс.подписчиков | 1 | Barmaleo | 2897 | 10.2.2017, 8:18 автор: Barmaleo |
|
Исчезает страница при обновлении | 4 | bazhan | 7200 | 21.4.2013, 19:11 автор: -Mauhem- |
|
Не корректно отображается страница. Помогите! | 2 | Hamick | 3945 | 14.7.2012, 19:21 автор: -Hamick- |
|
Персональная страница пользователей by AND1 | 0 | AND1_rs | 1666 | 10.2.2012, 21:14 автор: AND1_rs |
Текстовая версия | Сейчас: 23.4.2024, 17:45 |