MIraa
Сообщение
07/05/2008 19:53
Копия темы
Вопрос к верстальщикам .
Здравствуйте! подскажите пожалуйста, как реализовать такую вещь без Flash:
Верстка должна быть резиновая, как сделать основной фон (картинка) маштабируемый, т.е картинка как бы сжимается (эффект как, например, в любой программе просмотра фоток, дергаешь за край окна и размер фото подстраивается под этот размер).
Во Flash так сделать можно, а вот без него реально?
Т.е. когда меняешь размер окна браузера, основной фон тоже сжимается и становится меньше.
Вариант с нарезкой основного фона не пойдет.
Макет в приложении, в данном случае это фон с девушкой.
Подскажите пожалуйста. Спасибо!
Вопрос к верстальщикам .
Здравствуйте! подскажите пожалуйста, как реализовать такую вещь без Flash:
Верстка должна быть резиновая, как сделать основной фон (картинка) маштабируемый, т.е картинка как бы сжимается (эффект как, например, в любой программе просмотра фоток, дергаешь за край окна и размер фото подстраивается под этот размер).
Во Flash так сделать можно, а вот без него реально?
Т.е. когда меняешь размер окна браузера, основной фон тоже сжимается и становится меньше.
Вариант с нарезкой основного фона не пойдет.
Макет в приложении, в данном случае это фон с девушкой.
Подскажите пожалуйста. Спасибо!
MIraa
Сообщение
07/05/2008 20:01
Копия темы
.
Спасибо =) В более крупном варианте еще прикольней =) и это только один раздел, другие вообще прикольные /скромно сказала она/
.
Спасибо =) В более крупном варианте еще прикольней =) и это только один раздел, другие вообще прикольные /скромно сказала она/
MIraa
Сообщение
07/05/2008 20:02
Копия темы
.
Можно у Вас взять консультацию тогда маленькую, как это реально реализовать?
.
Можно у Вас взять консультацию тогда маленькую, как это реально реализовать?
kermit32dll
Сообщение
07/05/2008 20:04
Копия темы
.
можно, но будет страшно. Нужно комбинировать флеш и хтмл, тогда и проиндексируется, и шевелиться красиво будет.
.
можно, но будет страшно. Нужно комбинировать флеш и хтмл, тогда и проиндексируется, и шевелиться красиво будет.
MIraa
Сообщение
07/05/2008 20:04
Копия темы
.
Не спорю, возможно, т.к. не специалист в разработке флэшовых индексируемых сайтов, только неиндексируемые знаю как делают
.
Не спорю, возможно, т.к. не специалист в разработке флэшовых индексируемых сайтов, только неиндексируемые знаю как делают
DAdes1gn
Сообщение
07/05/2008 20:41
Копия темы
.
качество масштабируемого бэграунда (фотки) будет не айс =/
.
качество масштабируемого бэграунда (фотки) будет не айс =/
mymind
Сообщение
08/05/2008 02:15
Копия темы
.
Если хотите качественную картинку, то как вариант определить стандартные размеры и сделать 3-4 фона, которые бы выставились в зависимости от разрешения пользователя. Такое возможно, без особых проблем.
Есть вариант, но куда сложнее. Тут кроме Js понадобится скриптовой язык. Суть в применение AJAX. При загрузке JS определяет разрешени и обращается к скрипту, который и масштабирует картинку под нужное разрешение, создаёт временное изображение. Кстати сохранение позволит снизить нагрузку в целом, ведь если скажем пользователи с одним и тем же разрешением заходят, то не надо новый создавать файл, а дать указания на уже имеющейся. В итоге со временем Вы получите изображения на все разрешения, которые будут попадаться.
Но это как вариант.
.
Если хотите качественную картинку, то как вариант определить стандартные размеры и сделать 3-4 фона, которые бы выставились в зависимости от разрешения пользователя. Такое возможно, без особых проблем.
Есть вариант, но куда сложнее. Тут кроме Js понадобится скриптовой язык. Суть в применение AJAX. При загрузке JS определяет разрешени и обращается к скрипту, который и масштабирует картинку под нужное разрешение, создаёт временное изображение. Кстати сохранение позволит снизить нагрузку в целом, ведь если скажем пользователи с одним и тем же разрешением заходят, то не надо новый создавать файл, а дать указания на уже имеющейся. В итоге со временем Вы получите изображения на все разрешения, которые будут попадаться.
Но это как вариант.
typhoon
Сообщение
10/05/2008 05:10
Копия темы
.
1. вариант это как советовал Николай. Я бы еще добавил не только при загрузки страницы, а также при изменении размеров.
2. создается IMG с абсолютным позиционированием,загружается картинка (можно на этом этапе делать его невидимым, чтоб картинка не скакала. При body onload в зависимости от размеров окна размеры IMG подгоняются. Тут же можно решить вопрос о соблюдении пропорций сторон. Затем вызов этой же функции назначается к событию onresize. А позиционирование картинки с координат 0,0. Свойством z-index можно отодвинут на задний план. Думаю вариант имеет право жить))
.
1. вариант это как советовал Николай. Я бы еще добавил не только при загрузки страницы, а также при изменении размеров.
2. создается IMG с абсолютным позиционированием,загружается картинка (можно на этом этапе делать его невидимым, чтоб картинка не скакала. При body onload в зависимости от размеров окна размеры IMG подгоняются. Тут же можно решить вопрос о соблюдении пропорций сторон. Затем вызов этой же функции назначается к событию onresize. А позиционирование картинки с координат 0,0. Свойством z-index можно отодвинут на задний план. Думаю вариант имеет право жить))
linl
Сообщение
17/05/2008 19:03
Копия темы
Попробуй... .
{img src="img/mailbox.jpg" style="position:absolute;left:0px;top:0px;z-index:-1;width:100%;" /}
0
Попробуй... .
{img src="img/mailbox.jpg" style="position:absolute;left:0px;top:0px;z-index:-1;width:100%;" /}