Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.05.2011, 18:31
Интересующийся
Отправить личное сообщение для Silk Посмотреть профиль Найти все сообщения от Silk
 
Регистрация: 18.05.2009
Сообщений: 17

Изображение по размеру экрана
Здраствуйте.
Сайт фотографа, там нужно было галерею сделать не сложную, для просмотра работ, и фотографии разных размеров. Просматривать сайт всегда будут конечно с разных компьютеров, и соответственно в разным мониторах.
Подскажите как сделать, чтобы все изображения в галереи ставали ровно под размер экрана.
Ответить с цитированием
  #2 (permalink)  
Старый 09.05.2011, 16:58
Кандидат Javascript-наук
Отправить личное сообщение для ArmagedDance Посмотреть профиль Найти все сообщения от ArmagedDance
 
Регистрация: 07.12.2009
Сообщений: 147

Размер рабочей части браузера кроссбраузерно достается из
$(document).width() и $(document).height() при использовании jquery.
Двигайтесь в этом направлении.
Ответить с цитированием
  #3 (permalink)  
Старый 09.05.2011, 21:11
Интересующийся
Отправить личное сообщение для Silk Посмотреть профиль Найти все сообщения от Silk
 
Регистрация: 18.05.2009
Сообщений: 17

я не знаю js, работаю только по принципу "Достать\вставить", надеялся что вы дадите просто какую нибудь строчку или значение для добавления в общий текст, и в итоге все должно выйти кошерно
Ответить с цитированием
  #4 (permalink)  
Старый 10.05.2011, 16:06
Кандидат Javascript-наук
Отправить личное сообщение для ArmagedDance Посмотреть профиль Найти все сообщения от ArmagedDance
 
Регистрация: 07.12.2009
Сообщений: 147

1. Подключаете библиотку jquery в свой сайт, скачав ее с официального сайта, например.
2. Берете блок с вашим изображением к примеру <div id=image><img src=""></div>
и
3. прописываете в скрипте под jquery следующее:
<script>
$(document).ready(function(){
var screenwidth=$(document).width();
$('#image img').width(screenwidth);
});
</script>
и теперь изображение в блоке image у вас будет растягиваться по ширине экрана.
Но надо сказать что вы изначально выбрали неосуществимую задачу, у вас не получится одновременно растягивать изображение и по ширине и по высоте в браузерах, ибо браузеров десятки и разрешений, под которыми сидят юзеры - десятки, под всех не угодите, если не хотите чтобы ваши изображения наблюдались в совершенно диких пропорциях, если будете еще ресайзить и height.

Последний раз редактировалось ArmagedDance, 10.05.2011 в 16:22.
Ответить с цитированием
  #5 (permalink)  
Старый 10.05.2011, 18:44
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

зачем оно нужно?

пропишите ширину через CSS

и не надо заставлять браузер лишний раз перерисовывать то, что он нарисовал непосильным трудом.
Ответить с цитированием
  #6 (permalink)  
Старый 10.05.2011, 19:34
Аватар для poorking
prodigy
Отправить личное сообщение для poorking Посмотреть профиль Найти все сообщения от poorking
 
Регистрация: 01.11.2010
Сообщений: 503

<!DOCTYPE html>
<style type = "text/css">
html, body, .wrapper, .wrapper > img{
   width: 100%;
   height: 100%;
}
</style>
<div class = "wrapper">
   <img src= "http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" />
</div>
__________________
readOnly
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Использование window.open() для позиционирования окна в середине экрана marat-chessman Events/DOM/Window 13 14.08.2011 20:20
Уменьшить изображение при меньшем разрешении экрана Golovastik Internet Explorer 3 14.09.2010 00:44
Как предварительно загруженное изображение сделать бэкграундом? hrundel Общие вопросы Javascript 1 02.08.2009 12:45
Изменение размера блока реклама в зависимости от разрешения экрана. toxiz77 Общие вопросы Javascript 3 11.02.2009 14:12
Реклама, в зависимости от ширины экрана Asdvin Общие вопросы Javascript 21 22.01.2009 18:27