Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   DHTML/JS/CSS (http://www.flasher.ru/forum/forumdisplay.php?f=24)
-   -   Как узнать width и height картинки? (http://www.flasher.ru/forum/showthread.php?t=20504)

Pr0Head 19.09.2001 21:04

Как узнать width и height картинки?
 
Подскажите уважаемые, как узнать размеры картинки.

Есть страница на РНР, куда вставляется картинка (все время разная). Как бы узнать ее width и height?

evalex 19.09.2001 22:28

Ну document.getElementById('imagename').clientHeight/Width вроде это даёт или ты хочешь знать её размеры до её загрузки?

Pr0Head 19.09.2001 22:33

До загрузки, потому как значение ширины этой картинки должно передаться другой картинке с тем, чтоб она вытянулась на ту же ширину...

evalex 19.09.2001 22:41

Почему нельзя её вытянуть после загрузки?

Pr0Head 19.09.2001 22:43

Потому что она загружается до основной картинки... :)

Или я чего-то не догоняю?

evalex 19.09.2001 22:53

Может я чего-то не догнал... :p
Загрузил 1-ю картинку
Загрузил 2-ю
поменял размер первой....
?

Pr0Head 19.09.2001 23:04

Может меня уже под вечер клинит, но чтоб на экране произошли изменения нужно после этого перегрузить страницу... ну или первую картинку в кэш загнать и оттуда уже и плясать...

А разве получится без перезагрузки страницы изменить ширину УЖЕ загруженной картинки и при этом чтоб он эти изменения тут же показал?

evalex 19.09.2001 23:49

Только что пробовал....
document.getElementById('imageid').style.height=nValue
только
<script DEFER>
писать пришлось

Pr0Head 20.09.2001 14:51

Пока писал равернутый ответ, нашел решение своей задачи... :)

2evalex: Спасибо! Хоть в этом случае нашел как без скриптов обойтись, но уже нашел, где мне очень пригодиться document.getElementById('imageid').style.height=nValue :)

evalex 20.09.2001 23:18

always welcome :)

cosmo 21.09.2001 08:47

To Pr0Head
 
А ты не скажешь, как это сделать, а то я тоже хочу кое-что сделать, да вот пока не догнал, как

Pr0Head 21.09.2001 13:05

2cosmo:
Незнаю насколько может подойти мое решение...
Вообщем-то у меня задача была в том, что НетШкаф неправильно показывал страницу.

Вкраце: Нужно было сделать смену рамки для картинки. Есть таблица 3х3. В центре картинка. По 4 углам, картинки с изображением уголков рамки, а сверху, снизу, слева и справа в TD запихивается бэкграунд рамки. Нетшкаф эстественно этого никак не мог перенести... и никакой бэкграунд он конечно показывать не захотел. :(
Поэтому сначала я решил в пустые ячейки запихнуть прозрачный ГИФ, чтоб он вытягивался под размер картинки. Но оказалось все гораздо проще... вставил в каждую ячейку прозрачный ГИФ с размером 1х1. Вот после этого все стало АлесГуд.

KBA-KBA 27.09.2001 21:25

info
 
НетФкашу для отображения бекраунда ячейки требуется чтоб в ячейке что-то было, иначе он не отображает ячейку...

попробуй в таблице с бордер=1 <td></td>, он ее как ячейку не считает... :)

Pr0Head 27.09.2001 21:45

Это я знаю... но, сначала я пробовал ставить знак пробела &nbsp; и он на него никак не реагировал :( А нормально стал понимать только после ГИФа 1х1 .

sgt pepper 16.10.2001 14:04

2 canabis :-))
 
вот мы с лебедевским парсером связались. знаешь - очень хорошая штуковина. И там твой сабж делается просто легко!
для этого там специальный макрос есть.

Pr0Head 16.10.2001 14:23

Давно уже слышал про Парсер, но никак доки не удается почитать...

Как в работе? Сколько стоит? Насколько легко обновляется контент?

sgt pepper 16.10.2001 14:27

в работе - замечательно.
а контент.... как шаблоны страниц или админ (смотря как обновлять собираешься) сделаешь, от этого и будет зависеть легкость и надежность.

хочу сразу развеять мечты о мега вусинке, который сам отлаживает баги подо все бровсеры и тп. нет! все ручками, ручками. просто Прасер - очень удобный инструмент как для разработчика, так и (ну смотря как разработали) для владельца сайта.

KBA-KBA 16.10.2001 20:08

Переметнулись на Парсер...
 
Парсер вещь!!!
Вещь мощная... И со своими приколами :) sgt pepper точно подметил все ручками... Ето хорошее дополнение к ХТМЛ, но ни чем не заменяет ПХП и тд, ПХП хоть и сложнее, но мощнее... :)

Да, Парсер бесплатный

см http://www.parser.ru

Pr0Head 16.10.2001 22:34

Надо будет поковыряться...

И еще, вопрос на засыпку:
Как я понял, весь софт должен находиться у хостера, чтоб он нормально понимал макросы Парсера... насколько проблемна установка и настройка? Нужна ли поддержка со стороны хостера (прописывание в настойках сервера понимание скриптов макроса)?

nagash 17.10.2001 01:06

хех парсер суперская вешь...
но вот поставить его 50\50
давно когда у меня был хостинг на агаве он встал очень просто... а вот был ругой хостинг.. ну не ставился и всё тут... :(
а вешь хорошая... :)

Pr0Head 17.10.2001 01:14

От хостера требуются какие-то действия или все сам смогу сделать?

nagash 17.10.2001 03:03

от хостера требуется только полный путь до директории твоей на его сервере и название операционной системы которая у него :)

Geo 02.12.2002 03:34

или я чего то не понял....

но в пхп узнать размеры картинки проще простого, есть же функция...
---------------------------
GetImageSize -- получение размеров GIF, JPG или PNG изображений
Описание
array getimagesize(string filename, array [imageinfo]);
Функция GetImageSize() определяет размеры любых изображений в файлах GIF, JPG или PNG и возвращает размерность вместе с типом файла и строкой в формате высота/ширина, которую можно использовать в стандартном теге HTML IMG.

Возвращается массив из четырех элементов. Индекс 0 содержит ширину изображения в пикселах. Элемент 1 содержит высоту. Элемент 2 - флаг типа изображения. 1 = GIF, 2 = JPG, 3 = PNG. Элемент 3 - строку с корректным заданием "height=xxx width=xxx" для прямого использования в теге IMG Пример 1. GetImageSize

<?php $size = GetImageSize("img/flag.jpg"); ?>
<IMG SRC="img/flag.jpg" <?php echo $size[3]; ?>>


Часовой пояс GMT +4, время: 00:26.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.