Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » JS:узнать размер

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

maxus5578

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Есть операция

Код:
 
$('.screen').each(function() {
$(this).html($(this).html().replace(/(http:\/\/[\w./-]+)[^\s"<]/gi,'<a href="$1" class="ulightbox" rel="screenshots" target="_blank" ><img style="margin:0;padding:0;border:0;" src="$1"/></a>').replace(/\.jp/gi,'.jpg').replace(/\.gi/gi,'.gif').replace(/\.pn/gi,'.png').replace(/<br>/gi,''));
});
 

не могу внедрить проверку ширины и длины  
 
if(parseInt($(this).css('height')) == 2400 || parseInt($(this).css('width')) == 480)  
 
если ширина и длина не равны то поставить  через else  и использовать другой код
Заранее спасибо за помощь

Всего записей: 118 | Зарегистр. 12-09-2013 | Отправлено: 14:38 14-10-2013 | Исправлено: maxus5578, 14:47 14-10-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
maxus5578
размер чего?

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 21:52 14-10-2013
maxus5578

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
размер картинки, обычно height и width применяют к картинкам без style

Всего записей: 118 | Зарегистр. 12-09-2013 | Отправлено: 16:26 15-10-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
maxus5578
размер какой картинки?
да что же из вас по крупице то вытягивать надо все ?)  
если у вас только в виде ссылки картинка, то ее надо подгрузить, и тогда смотреть размеры  
var img = new Image();
img.src = 'URL картинки';
и
img.height и img.width после ее загрузки
иначе только после вставки картинки, ожидания ее загрузки браузером, после этого проверки размера

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 19:16 15-10-2013
maxus5578

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
есть картинка #msg img мне нужно проверить height == 2400 || width == 480

Всего записей: 118 | Зарегистр. 12-09-2013 | Отправлено: 17:51 16-10-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
maxus5578
$('#msg img').height()
и
$('#msg img').width()
 
далее пишете условие через if

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 18:27 16-10-2013
maxus5578

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
у меня не получается

Код:
 
var msgtag = document.getElementById('msg').innerHTML;
var msgtag_replace = msgtag.replace(/\<img src\=\"(.*?)" border\=\"0\" alt\=\"\"\>/gi,'<div class="screen">$1</div>');
document.getElementById('msg').innerHTML = msgtag_replace;
$('.screen').each(function() {
 if($(this).parent('a').html() != null) {  
 $(this).html($(this).html().replace(/(http:\/\/[\w./-]+)[^\s"<]/gi,'<img src="$1">').replace(/\.jp/gi,'.jpg').replace(/\.jpge/gi,'.jpeg').replace(/\.gi/gi,'.gif').replace(/\.pn/gi,'.png').replace(/<br>/gi,''));
 } else {  
 $(this).html($(this).html().replace(/(http:\/\/[\w./-]+)[^\s"<]/gi,'<img src="$1">').replace(/<br>/gi,''));
 }});
 

- $1 тут находится ссылка на картинку,у меня не выходит проверить ширину и высоту

Всего записей: 118 | Зарегистр. 12-09-2013 | Отправлено: 20:51 17-10-2013 | Исправлено: maxus5578, 20:54 17-10-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
maxus5578

Цитата:
$1 тут находится ссылка на картинку,у меня не выходит проверить ширину и высоту

да потому, что на тот момент может картинки еще и не быть.  
более того, размер нужно брать, когда есть картинка в виде img тега.
зачем вы вообще такие сложности мутите?  
сначала одна замена, потом другая.  
 


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 20:56 17-10-2013
maxus5578

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
какая разница что я мучу, мне нужно чтоб это работало
 
Добавлено:
ну может можно как то подключить через img.src '$1';

Всего записей: 118 | Зарегистр. 12-09-2013 | Отправлено: 21:30 17-10-2013 | Исправлено: maxus5578, 21:31 17-10-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
maxus5578

Цитата:
какая разница что я мучу, мне нужно чтоб это работало  

для того, что может быть вы неправильно вообще все делаете.
 

Цитата:
ну может можно как то подключить через img.src '$1';

да елки палки.. вы оперируете с текстом, это не картинка и "размера" у него нет.
размер есть у того, что существует как картинка, не текст.
и тогда, когда браузер уже запросил и загрузил картинку в страницу.
 
на момент ваших операций вида
Цитата:
 $(this).html($(this).html().replace(/(http:\/\/[\w./-]+)[^\s"<]/gi,'<img src="$1">').replace(/\.jp/gi,'.jpg').replace(/\.jpge/gi,'.jpeg').replace(/\.gi/gi,'.gif').replace(/\.pn/gi,'.png').replace(/<br>/gi,''));  
 } else {  
 $(this).html($(this).html().replace(/(http:\/\/[\w./-]+)[^\s"<]/gi,'<img src="$1">').replace(/<br>/gi,''));  

картинки еще нет. именно поэтому я и спрашиваю, что вы пытаетесь сделать таким усложенным кодом?

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 21:34 17-10-2013
maxus5578

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
на сайте автоматически генерируется картинки со своим стилем и титлом,я и их беру при помощи скрипта вытягиваю только ссылку и переделываю в <img src="$1"> и понятно же что я могу к этой картинке вставить любой стайл и любой тайтл, поэтому мне нужен такой вид кода

Всего записей: 118 | Зарегистр. 12-09-2013 | Отправлено: 23:47 17-10-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
maxus5578
ну так из текста с img тегом вы размер картинки не получите.

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 23:53 17-10-2013
maxus5578

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
ну можно же как то это сделать,может нужно код переписать как кто
 
Добавлено:
Cheery
а можно вот пример сделать так.
Я всем картинкам присваиваю размеры в стаил, пример 100 на 100, и что бы скрипт искал только картинки с такими значениями.

Всего записей: 118 | Зарегистр. 12-09-2013 | Отправлено: 15:38 18-10-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
maxus5578

Цитата:
Я всем картинкам присваиваю размеры в стаил, пример 100 на 100, и что бы скрипт искал только картинки с такими значениями.

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

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 21:57 18-10-2013
maxus5578

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
я выставлю width и height картинке,и после буду отбирать их
не нужно узнавать размер картинки, я буду их выбирать по указанной мной ширине и высоте.

Всего записей: 118 | Зарегистр. 12-09-2013 | Отправлено: 22:22 18-10-2013 | Исправлено: maxus5578, 22:23 18-10-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
maxus5578

Цитата:
выставлю width и height картинке,и после буду отбирать их  

тогда уж выставите class='image30x20'
и по нему выбирайте

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 00:36 19-10-2013
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » JS:узнать размер


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru