Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Получение размера изображения (https://javascript.ru/forum/misc/40721-poluchenie-razmera-izobrazheniya.html)

clampson 17.08.2013 19:27

Цитата:

Сообщение от рони (Сообщение 267956)
clampson,
проблемы в chrome необнаружил ... :-?


ваш код с this
http://clampson.ru/test/index2.html


мой:
http://clampson.ru/test/

видите разницу?

clampson 17.08.2013 19:38

кажется придумал как сделать что бы работало как я хочу, сейчас попробую ...

clampson 17.08.2013 20:24

Сделал вот так, коряво наверно, зато работает
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
    <HEAD>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <TITLE>HTML  документ</TITLE>


<script type="text/javascript">

window.onload = function () {
	var imgs = document.getElementsByTagName('img');
    	var length = imgs.length;
    

	for (var i = 0; i < length; i++) {
        
		
		var image = new Image();
        image.src = imgs[i].src; 
		
        imgs[i].setAttribute("onclick", "openImageWindow(this.src,"+image.width+","+image.height+");"); 
	};
};

  function openImageWindow(src, width, height) { 
     alert(width);
    if (width>600){
        width =width/2;
        height =height/2 ;
   }
    window.open(src,"Image","width=" + width + ",height=" + height + + 
 "toolbar=no,status=no,scrollbars=no,menubar=no,resizable=no"+',left=' + ((window.innerWidth - width)/2) + ',top=' + ((window.innerHeight - height)/2));
  }
</script>

    </HEAD>
<BODY>
<img src="123.jpg" width="100"  height="100"  />
<img src="12345.png"  width="100"  height="100" />
<img src="oboi.jpg"  width="100"  height="100" />
</BODY>
</HTML>

Спасибо, всем кто откликнулся :)

danik.js 17.08.2013 21:18

Цитата:

Сообщение от clampson
Так делают очень много людей, кто при создании статьи пользуется визуальными редакторами с возможностью вставки изображения, например WYSIWYG, CKEditor

И это очень хреново. Особенно хреново для юзеров с мобильных устройств.

clampson 17.08.2013 21:49

Цитата:

Сообщение от danik.js (Сообщение 267971)
И это очень хреново. Особенно хреново для юзеров с мобильных устройств.

Идеология сайта(не мой) для которого я писал этот скрипт, подразумевает такое обращение с изображениями, было бы глупо собирать все изображения и делать для них превью, затем редактировать каждую статью что бы их туда вставить. К тому же переучивать контентщиков как надо делать а как не надо, да и самому мне это не упало. А насчёт мобильных устройств, согласен, но большинство из них либо жмут всё через какую нибудь оперу мини, либо если это какой нибудь айфон - обладают вифи модулем и докучи безлимитным тарифным планом поскольку жрут прилично трафика и без картинок, всякими пушами итп. Сори за офтоп.

danik.js 17.08.2013 22:29

Есть плагины же готовые для cms-ок или wysiwyg-редакторов. Сами делают превьюшки при загрузке картинок. А про безлимитки у сотовых операторов я впервые слышу. Вайфай опять же не везде есть. Еще говорят гугл бот замеряет объем страницы и это сказывается на ранжировании (хотя я сомневаюсь в этом)


Часовой пояс GMT +3, время: 03:34.