VPF::Обратиться к каждому пикселу фотографии

GIK

Дата 13.10.2006, 12:32 (ссылка)

(нет голосов)

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

Репутация: 6
Всего: 14

Вчера ночью пришла бредовая идея, обратится к пикселам фотки, знаю что на JAVA это реально, но ведь я поклонник JS smile

В принципе это не главное, фишка в том что я уже написал алгоритм который собирает фотку по частям, причем есть поля для ввода ширины (высоты) каждой области. Т.е. берется несколько областей ( пока только квадраты) и собираются в одну фотку, все это обрабатывается одной функцией. Квадраты "выползают" слева, сверху, справа и снизу и в итоге образуется фотография. Пока разрезал фотку в фотошопе, поместил каждый фрагмент изображения в div. Уже красиво.
Сейчас подумываю над алгоритмом создания пазл.

Это сообщение отредактировал(а) GIK - 13.10.2006, 12:35

--------------------

Математика=>пиво=> програмирование, три вещи последовательны и совместимы !!!
Программирование - это не деятельнось! Программирование - это состояние души!
Бог - самый крутой программист.

12345c

Дата 13.10.2006, 12:42 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

Читать через XMLHttpRequest, затем побайтово .responseText. Затем всего лишь расшифровать конкретную кодировку файла.

GIK

Дата 13.10.2006, 12:48 (ссылка)

(нет голосов)

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

Репутация: 6
Всего: 14

ОК. уже курю smile

Если вдруг кто че сделает, буду рад рассмотреть. Завтра, если выйдет удачно обратится к пикселам, выложу что сделал smile

--------------------

GIK

Дата 13.10.2006, 15:15 (ссылка)

(нет голосов)

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

Репутация: 6
Всего: 14

Цитата(12345c)

Читать через XMLHttpRequest, затем побайтово .responseText. Затем всего лишь расшифровать конкретную кодировку файла.

Есть еще инфа про XMLHttpRequest и все остальное что мне пригодится для данной задачи? Желательно на русском smile

В интернете перерыл, но подробной не нашол, видимо тоько сдесь ее разжовывают. smile

--------------------

12345c

Дата 13.10.2006, 15:56 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

Написать парсер кодировки (точнее, формата) графического файла за 1 день - если только выбрать простой формат, никак не JPG. Здесь по поиску примеров достаточно, но про форматы файлов - извне. Ещё на форуме xpoint.ru в поиске регулярно попадаются глубокие темы. (Но где у них что лежит - трудно понять.)

Добавлено @ 15:58
И доставание кода может сломаться, насколько понимаю, если встретится код в виде символа "<".

Добавлено @ 16:03
Подобные темы:
http://forum.vingrad.ru/index.php?showtopic=21647 (опыт по улучшению графических возможностей языка)

http://forum.vingrad.ru/index.php?showtopic=111662 - getPixel для Image Object с return RGB от pixel, есть ли функция? возможно ли написать?

--------------------

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

GIK

Дата 13.10.2006, 16:25 (ссылка)

(нет голосов)

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

Репутация: 6
Всего: 14

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

Это сообщение отредактировал(а) GIK - 13.10.2006, 16:25

--------------------

Sardar

Дата 13.10.2006, 18:36 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

GIK, это очень не хорошая идея, т.к. понятия "обратиться к каждому пикселу", "фотка" и "JS" есть чудовищной галимости коктейль. Картинку по любому в памяти пока не удержишь, потому на сервере. Там есть GD2, доступная чаще всего из под PHP. С помощью неё можно поднять картинку, взять пиксел, отдать клиенту "аяксом". Главный вопрос на сколько ты это хочешь и куда это пойдёт... для веба весьма специфично...

--------------------

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

GIK

Дата 14.10.2006, 21:18 (ссылка)

(нет голосов)

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

Репутация: 6
Всего: 14

Цитата(sardar)

GIK, это очень не хорошая идея, т.к. понятия "обратиться к каждому пикселу", "фотка" и "JS" есть чудовищной галимости коктейль.

Ну раз пробило, надоже докончить. Вобщем инфу толковую в нете не нашел... Есть пока алгоритм собирания картинки, сразу предупрежу, что там ниже 97% математической логики, так что не обессудте. Есть правда пара багов, связанных с позиционированием, но соро их устраню.
Пока вот что вышло:

Код


<html> 
<head>
<style type=text/css>
DIV.im{color:#234569; background:#567899; visibility:hidden; fontsize:1px; width: 10px; height:10px;}
TABLE.TabForPropertisUser{position:absolute; top:250; right:100; font-size:17; color:#567789;}
</style>
<script language="javascript" type="text/javascript">

var widthForRectangular, heightForRectangular;
var speed;
var divs=document.getElementsByTagName('DIV');

function gik(){
if(!timeForGoGik) {
widthForRectangular=parseInt(document.getElementById('prop1').value);
heightForRectangular=parseInt(document.getElementById('prop2').value);
speed=parseInt(document.getElementById('prop3').value);
 var VariableMeaningforTop=-(heightForRectangular*1);

if(widthForRectangular!=heightForRectangular || speed>10 || !(heightForRectangular%10==0) || !(widthForRectangular%10==0)){
alert("Enter correct parameters please");
return;
}
var for5=(1*1);

 /*ЕНТО для начального позиционирования*/
 for(var i=0; i<divs.length; i++){
divs[i].style.width=widthForRectangular;
divs[i].style.height=heightForRectangular;

/*нужно распределить TOPовые и Leftовые значения 
 будем использовать различные математические действия
 Поскольку используются четыре направления, то будем использовать остаток от деления на 2, 3 и 4 соответЗДвенно 
 короче БУЛЕВА АЛГЕБРА c эллементами изврата, НЕ ИНАЧЕ....... 
*/

 //Иссесенно первое действие - деление на 4, а иначе и быть не может, ТАКОВ УЖ приоритет
if((i+1)%4==0){ //Если это 4-ый эллемент
  //а еще нужно учесть что линия заканчивается :)
  if((i+1)%12==0) { // если это последний четвертый эллемент в линии. Очень удобно что только этот эллемент делится на 12
  divs[i].style.left=parseInt(20+(widthForRectangular*11)); 
  }    
  /*else if((i+1)%8==0){ // если это второй-четвертый эллемент в линии
  divs[i].style.left=parseInt(20+(widthForRectangular*7));  А не катит, т.к. 12+8=20%8!=0 облом, но это нестрашно, есть же выход.
  }                                                         
  */
  else if((i+1)%4==0 && (i+1+4)%12==0){ //УРА, есть число которое делится только на 12
  divs[i].style.left=parseInt(20+(widthForRectangular*7));  
  } 
  else if((i+1)%4==0){ // если это первый-четвертый эллемент в линии
  divs[i].style.left=parseInt(20+(widthForRectangular*3));   
  }   
}
  //Движение слева, справа и сверху, их мы и обработаем 
else if((i+1)%3==0){ //мы знаем какие числа делятся на три, а именно кратные 3, 6 и 9, ну а 12 мы обработаем делением на 4       
  if((i+1+1)%4==0){ //Это явно первый-третий, т.к. следующий точно делится на 4, а остальные нет и это хорошо :) 
    VariableMeaningforTop+=heightForRectangular;
   divs[i].style.top=(20+(VariableMeaningforTop)); 
   }else if((i+1)%2==0){ //Это явно второй-второй, только этот эллемент делится и на 3 и на 2 
  divs[i].style.left=(20+(widthForRectangular*5)); //Для lefta поБАРАБАНУ, он не использует плавающие значения, в отличии от top                                
   } else
   { //Это явно эллемент третий-первый в линии, а больше ничего не остается..... 
    divs[i].style.top=(20+VariableMeaningforTop); //Уже припояли значение переменной VariableMeaningforTop, когда увидеои первое число кратное 3             
   }       
}

else if((i+1)%2==0) //У нас остались эллементы 10 и 2, именно эти числа кратны 2, и они остались для обработки....
  {  
   if((i+1+2)%12==0) { //Еще раз спасает максимальное число 12 (от 10-тых эллементов)
   divs[i].style.left=parseInt(20+(widthForRectangular*9)); 
   }else if((i+1)%2==0){
   divs[i].style.left=parseInt(20+(widthForRectangular*1)); 
   }
}
else //Числа кратные 1, а именно эллементы 1-ый, 5-тый 7-ой и 11-тый (первый - первый, первый-второй, второй-третий и третий-третий)
     //но тут лажа, покрайней мере для меня, и я тупо перебираю все варианты, пока счастье что в параметрах юзера не указвывается кол-во прямоугольников 
   { /*Реально не могу придумать математические действия..... тупо использую все варианты... пока катит...*/
     if((i+1)==17 || (i+1)==29 || (i+1)==41 || (i+1)==53 || (i+1)==65 || (i+1)==77 || (i+1)==89 || (i+1)==101 || (i+1)==113 || (i+1)==125 || (i+1)==137){
      for5+=heightForRectangular;       //Сдесь он уведличивается и используется, а ниже просто используется
      divs[i].style.top=parseInt(20+for5);
     }else  
      if((i+1)==19 || (i+1)==31 || (i+1)==43 || (i+1)==55 || (i+1)==67 || (i+1)==79 || (i+1)==91 || (i+1)==103 || (i+1)==115 || (i+1)==127 || (i+1)==139){
      divs[i].style.top=parseInt(20+for5);
     }else       
     if((i+1)==23 || (i+1)==35 || (i+1)==47 || (i+1)==59 || (i+1)==71 || (i+1)==83 || (i+1)==95 || (i+1)==107 || (i+1)==119 || (i+1)==131 || (i+1)==143){
       divs[i].style.top=parseInt(20+for5);
     }

     else 
    if((i+1)==13) { //а первый элемент, всегда имеет top = 20
     divs[i].style.top=(20+heightForRectangular);  
     }else    
    if((i+1)==25){
     divs[i].style.top=(20+(heightForRectangular*2));
     }else
    if((i+1)==37){
     divs[i].style.top=(20+(heightForRectangular*3));
     }else  
    if((i+1)==49){
     divs[i].style.top=(20+(heightForRectangular*4));
     }else
     if((i+1)==61){
     divs[i].style.top=(20+(heightForRectangular*5));
     }   else 
    if((i+1)==73) { //а первый элемент, всегда имеет top = 20
     divs[i].style.top=(20+(heightForRectangular*6));  
     }else    
    if((i+1)==85){
     divs[i].style.top=(20+(heightForRectangular*7));
     }else
    if((i+1)==97){
     divs[i].style.top=(20+(heightForRectangular*8));
     }else  
    if((i+1)==109){
     divs[i].style.top=(20+(heightForRectangular*9));
     }else
     if((i+1)==121){
     divs[i].style.top=(20+(heightForRectangular*10));
     }else
     if((i+1)==133){
     divs[i].style.top=(20+(heightForRectangular*11));
     }  
 

 
  }


} //Цыкл

 stopRight=(2*widthForRectangular)+20;      //только этот НАЧАЛЬНЫЙ ситоп имеет ЗАВИСИМОЕ (от ширины) значение
 timeForGoGik=window.setInterval("GoGik()", 10);
 }
}

var leftBool=true, topBool=false; rightBool=false; bottomBool=false;
var goLeft=0; var goTop=0; var goRight=210; var goBottom=210;
var stopLeft=parseInt(20); var stopTop=parseInt(20); var stopRight; var stopBottom=20;  
var IncreaseForTop=10;                   //Чисто для TOPа, т.к. его конечнфй пункт назначения меняется по периодам(когда проходим строку) - изврат :)


var iterForDivs=0;
var timeForGoGik; 

function GoGik() {
if(leftBool) { divs[iterForDivs].style.visibility='visible';
  divs[iterForDivs].style.left=(goLeft+=speed); //Начинаем движение влево 
  if(goLeft>=stopLeft) {       
    goLeft=0; //следующий прямоугольник должен двигатся с начала
    stopLeft+=(4*widthForRectangular);  //stopLeft изменяется для следующего, после трех!!!    //stopLeft должны изменить сдесь, а не после прохождения строки   //Следующий объект должен дойти до stopLeft+=(5+5);  
    leftBool=false; topBool=true; iterForDivs++; 
     if(iterForDivs==9 || iterForDivs==21 || iterForDivs==33 || iterForDivs==45 || iterForDivs==57 || iterForDivs==69 ||
      iterForDivs==81 || iterForDivs==93 || iterForDivs==105 || iterForDivs==117 || iterForDivs==129 || iterForDivs==141
      ){ //когда последний из этой строки достигает максимального значения
      stopLeft=20; //после прохождения строки, для следующих строк надо присвоить начальное значение для left 
    }
  }
}else 
if(topBool) {divs[iterForDivs].style.visibility='visible';
 divs[iterForDivs].style.top=(goTop+=speed);
 if(goTop>=stopTop){
  goTop=0;       //№2 движение сверху вниз-присваиваем 0!!! //goTop нужно присваивать начальное значение уже после окончания итераций top 
  topBool=false; rightBool=true; iterForDivs++;  
   if(iterForDivs==10 || iterForDivs==22 || iterForDivs==34 || iterForDivs==46 || iterForDivs==58 || iterForDivs==70 ||
      iterForDivs==82 || iterForDivs==94 || iterForDivs==106 || iterForDivs==118 || iterForDivs==130 || iterForDivs==142){ //Когда последняя в линейке достигла значения, максимального для ЭТО ячейки //Когда прошли строку-увеличили на 10, высоту ячейки      
    stopTop+=heightForRectangular; //Увеличиваем stopTop на высоту прямоугольника
    }
  }

}else 
if(rightBool) {divs[iterForDivs].style.visibility='visible';
 divs[iterForDivs].style.left=(goRight-=speed);
 if(goRight<=stopRight){
  goRight=(widthForRectangular*13);
  stopRight+=(4*widthForRectangular); 
  rightBool=false; bottomBool=true; iterForDivs++; 
   if(iterForDivs==11 || iterForDivs==23 || iterForDivs==35 || iterForDivs==47 || iterForDivs==59 || iterForDivs==71 ||
      iterForDivs==83 || iterForDivs==95 || iterForDivs==107 || iterForDivs==119 || iterForDivs==131 || iterForDivs==143){
     stopRight=(20+(2*widthForRectangular));     //Он ведь третий :)
   }
  }
 }else
if(bottomBool) {divs[iterForDivs].style.visibility='visible';
 divs[iterForDivs].style.top=(goBottom-=speed);
 if(goBottom<=stopBottom){
  goBottom=(heightForRectangular*13)+20;  
  bottomBool=false; leftBool=true; iterForDivs++; 
   if(iterForDivs==12 || iterForDivs==24 || iterForDivs==36 || iterForDivs==48 || iterForDivs==60 || iterForDivs==72 ||
      iterForDivs==84 || iterForDivs==96 || iterForDivs==108 || iterForDivs==120 || iterForDivs==132 || iterForDivs==144  
    ){      
    stopBottom+=heightForRectangular;
   }
  }
 }
 if(iterForDivs==144){clearInterval(timeForGoGik); alert("Картинку построили, УРА"); }
}
</script>
</head>
<body bgcolor="#ffffff"> 
<TABLE width=30% class=TabForPropertisUser border=1>
<TR><TD width=50%>Введите ширину прямоугольника</TD><TD width=50%><input type="text" id='prop1' value='20' onfocus="this.value=''"></TD></TR>
<TR><TD>Введите высоту прямоугольника</TD><TD><input type="text" id='prop2' value='20' onfocus="this.value=''"></TD></TR>
<TR><TD>Введите скорость от 1 до 10</TD><TD><input type="text" id='prop3' value='1' onfocus="this.value=''"></TD></TR>
<TR><TD></TD><TD><input type="button" value='Построить' onClick="gik()"></TD></TR>
</TABLE>

<div id=im1 name=im1 style="position:absolute; top:20; left:0;"  class=im><img src='foto/my1.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='foto/my2.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:20; left:80;" class=im><img src='foto/my3.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='foto/my4.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:20; left:0;"  class=im><img src='foto/my5.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='foto/my6.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:20; left:80;" class=im><img src='foto/my7.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='foto/my8.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:20; left:0;"  class=im><img src='foto/my9.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='foto/my10.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:20; left:80;" class=im><img src='foto/my11.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='foto/my12.jpg' width=100%></div> 

<div id=im1 name=im1 style="position:absolute; top:30; left:0;"  class=im><img src='foto/my13.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='foto/my14.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:30; left:80;" class=im><img src='foto/my15.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='foto/my16.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:30; left:0;"  class=im><img src='foto/my17.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='foto/my18.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:30; left:80;" class=im><img src='foto/my19.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='foto/my20.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:30; left:0;"  class=im><img src='foto/my21.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='foto/my22.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:30; left:80;" class=im><img src='foto/my23.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='foto/my24.jpg' width=100%></div> 

<div id=im1 name=im1 style="position:absolute; top:40; left:0;"  class=im><img src='foto/my25.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='foto/my26.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:40; left:80;" class=im><img src='foto/my27.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='foto/my28.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:40; left:0;"  class=im><img src='foto/my29.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='foto/my30.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:40; left:80;" class=im><img src='foto/my31.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='foto/my32.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:40; left:0;"  class=im><img src='foto/my33.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='foto/my34.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:40; left:80;" class=im><img src='foto/my35.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='foto/my36.jpg' width=100%></div> 


<div id=im1 name=im1 style="position:absolute; top:50; left:0;"  class=im><img src='foto/my37.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='foto/my38.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:50; left:80;" class=im><img src='foto/my39.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='foto/my40.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:50; left:0;"  class=im><img src='foto/my41.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='foto/my42.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:50; left:80;" class=im><img src='foto/my43.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='foto/my44.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:50; left:0;"  class=im><img src='foto/my45.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='foto/my46.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:50; left:80;" class=im><img src='foto/my47.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='foto/my48.jpg' width=100%></div>

Это сообщение отредактировал(а) GIK - 15.10.2006, 08:11

--------------------

GIK

Дата 14.10.2006, 21:22 (ссылка)

(нет голосов)

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

Репутация: 6
Всего: 14

Код



<div id=im1 name=im1 style="position:absolute; top:60; left:0;"  class=im><img src='foto/my49.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='foto/my50.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:60; left:80;" class=im><img src='foto/my51.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='foto/my52.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:60; left:0;"  class=im><img src='foto/my53.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='foto/my54.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:60; left:80;" class=im><img src='foto/my55.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='foto/my56.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:60; left:0;"  class=im><img src='foto/my57.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='foto/my58.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:60; left:80;" class=im><img src='foto/my59.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='foto/my60.jpg' width=100%></div> 

<div id=im1 name=im1 style="position:absolute; top:70; left:0;"  class=im><img src='foto/my61.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='foto/my62.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:70; left:80;" class=im><img src='foto/my63.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='foto/my64.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:70; left:0;"  class=im><img src='foto/my65.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='foto/my66.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:70; left:80;" class=im><img src='foto/my67.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='foto/my68.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:70; left:0;"  class=im><img src='foto/my69.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='foto/my70.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:70; left:80;" class=im><img src='foto/my71.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='foto/my72.jpg' width=100%></div> 

<div id=im1 name=im1 style="position:absolute; top:80; left:0;"  class=im><img src='foto/my73.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='foto/my74.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:80; left:80;" class=im><img src='foto/my75.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='foto/my76.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:80; left:0;"  class=im><img src='foto/my77.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='foto/my78.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:80; left:80;" class=im><img src='foto/my79.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='foto/my80.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:80; left:0;"  class=im><img src='foto/my81.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='foto/my82.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:80; left:80;" class=im><img src='foto/my83.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='foto/my84.jpg' width=100%></div> 

<div id=im1 name=im1 style="position:absolute; top:90; left:0;"  class=im><img src='my37.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='my38.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:90; left:80;" class=im><img src='my39.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='my40.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:90; left:0;"  class=im><img src='my41.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='my42.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:90; left:80;" class=im><img src='my43.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='my44.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:90; left:0;"  class=im><img src='my45.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='my46.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:90; left:80;" class=im><img src='my47.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='my48.jpg' width=100%></div> 


<div id=im1 name=im1 style="position:absolute; top:100; left:0;"  class=im><img src='my1.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='my2.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:100; left:80;" class=im><img src='my3.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='my4.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:100; left:0;"  class=im><img src='my5.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='my6.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:100; left:80;" class=im><img src='my7.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='my8.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:100; left:0;"  class=im><img src='my9.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='my10.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:100; left:80;" class=im><img src='my11.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='my12.jpg' width=100%></div> 

<div id=im1 name=im1 style="position:absolute; top:110; left:0;"  class=im><img src='my13.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='my14.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:110; left:80;" class=im><img src='my15.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='my16.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:110; left:0;"  class=im><img src='my17.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='my18.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:110; left:80;" class=im><img src='my19.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='my20.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:110; left:0;"  class=im><img src='my21.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='my22.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:110; left:80;" class=im><img src='my23.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='my24.jpg' width=100%></div> 

<div id=im1 name=im1 style="position:absolute; top:120; left:0;"  class=im><img src='my25.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='my26.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:120; left:80;" class=im><img src='my27.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='my28.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:120; left:0;"  class=im><img src='my29.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='my30.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:120; left:80;" class=im><img src='my31.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='my32.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:120; left:0;"  class=im><img src='my33.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='my34.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:120; left:80;" class=im><img src='my35.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='my36.jpg' width=100%></div> 

<div id=im1 name=im1 style="position:absolute; top:130; left:0;"  class=im><img src='my37.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='my38.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:130; left:80;" class=im><img src='my39.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='my40.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:130; left:0;"  class=im><img src='my41.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='my42.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:130; left:80;" class=im><img src='my43.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='my44.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:130; left:0;"  class=im><img src='my45.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='my46.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:130; left:80;" class=im><img src='my47.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='my48.jpg' width=100%></div> 


<div id=im1 name=im1 style="position:absolute; top:140; left:0;"  class=im><img src='my1.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='my2.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:140; left:80;" class=im><img src='my3.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='my4.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:140; left:0;"  class=im><img src='my5.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='my6.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:140; left:80;" class=im><img src='my7.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='my8.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:140; left:0;"  class=im><img src='my9.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='my10.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:140; left:80;" class=im><img src='my11.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='my12.jpg' width=100%></div> 

<div id=im1 name=im1 style="position:absolute; top:150; left:0;"  class=im><img src='my13.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='my14.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:150; left:80;" class=im><img src='my15.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='my16.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:150; left:0;"  class=im><img src='my17.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='my18.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:150; left:80;" class=im><img src='my19.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='my20.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:150; left:0;"  class=im><img src='my21.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='my22.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:150; left:80;" class=im><img src='my23.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='my24.jpg' width=100%></div> 

<div id=im1 name=im1 style="position:absolute; top:160; left:0;"  class=im><img src='my25.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='my26.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:160; left:80;" class=im><img src='my27.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='my28.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:160; left:0;"  class=im><img src='my29.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='my30.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:160; left:80;" class=im><img src='my31.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='my32.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:160; left:0;"  class=im><img src='my33.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='my34.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:160; left:80;" class=im><img src='my35.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='my36.jpg' width=100%></div> 

<div id=im1 name=im1 style="position:absolute; top:170; left:0;"  class=im><img src='my37.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='my38.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:170; left:80;" class=im><img src='my39.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='my40.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:170; left:0;"  class=im><img src='my41.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='my42.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:170; left:80;" class=im><img src='my43.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='my44.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:170; left:0;"  class=im><img src='my45.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='my46.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:170; left:80;" class=im><img src='my47.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='my47.jpg' width=100%></div>
</body>
</html>

Это сообщение отредактировал(а) GIK - 15.10.2006, 08:12

--------------------

AKS

Дата 15.10.2006, 21:17 (ссылка)

(нет голосов)

Загрузка ...

Участник форума

Профиль
Группа: Участник
Сообщений: 725
Регистрация: 20.9.2006

Репутация: 27
Всего: 52

GIK

Цитата

Если вдруг кто че сделает, буду рад...

По случаю воскресенья написал небольшой объектик, отвечающий за анимацию (фотографию на части уж без меня как-нибудь "порвите" ;) ). Пробовал сделать альтернативный вариант, при этом старался, чтобы он был не слишком громоздкий. То, что получилось - в архиве, посмотрите, может пригодится...

Это сообщение отредактировал(а) AKS - 15.10.2006, 21:27

Присоединённый файл ( Кол-во скачиваний: 9 )

GIK.rar 5,99 Kb

GIK

Дата 16.10.2006, 13:05 (ссылка)

(нет голосов)

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

Репутация: 6
Всего: 14

Неплохой вариант, но мне щас надо к пикселам обратится, уже копаю JAVA, там вообще полный ГУД, даже гистограмму цвета можно построить. Потом попытаюсь спаять JAVA код с JS, на знаю правда получится ли......

--------------------

pythonwin

Дата 16.10.2006, 14:05 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник
Сообщений: 2529
Регистрация: 18.4.2006
Где: за компом

Репутация: 1
Всего: 36

Цитата(GIK @ 16.10.2006, 20:05

)

Потом попытаюсь спаять JAVA код с JS, на знаю правда получится ли......

Да ты шаман! smile

--------------------

портал по Python
раздел на винграде по Python
язык Python

GIK

Дата 15.11.2006, 16:52 (ссылка)

(нет голосов)

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

Репутация: 6
Всего: 14

Sardar,
Оцени алгоритм smile

Только там некоторые пункты не активны ( у апплета нюансы). Думаю что через пару дней выложу полностью.
Через апплет общаюсь по имени тега <applet>

Код


<APPLet code="gikimgection" name="gik" width=500 height=500>
 <param name="ff1" value="get">
 <param name="ff2" value="get2">
 <param name="ff3" value="get3">
</applet>

отсылаю данные примерно так:

Код


document.gik.setProperties(p1, p2, p21);

Примерно такой апплет (работает но еще в разработке):

Код


import java.io.*;
import java.awt.*;
import java.awt.image.*; 
import java.applet.*;
import java.awt.geom.*;
import java.awt.event.*;
import javax.swing.*;
import javax.imageio.*;


public class GikImgEction extends Applet implements ActionListener{
  
  Image img;
  Image cell[] = new Image[12*12];
  int iw, ih; 
  int tw, th; 
  
  CropImageFilter f; //область
  FilteredImageSource fis; //соурсы
  MediaTracker t;  
  FileOutputStream os; 
  BufferedImage bi; 
 
  //Properties
  String adres="C:\\mu\\my"; 
  String format="jpg";  
  String name="myFoto.jpg";

  String PhotoAreLoaded;
 
  Button b1;

  public void init() {    
  b1 = new Button("Get");
  b1.addActionListener(this);
  add(b1);
  
  PhotoAreLoaded="non";  
  
}

  public void setProperties(String p1, String p2, String p21) {     
  //adres=p1; 
  format=p2;
  name=p21;
  try{
    img = getImage(getDocumentBase(), name); //пока возьмем конкретное фото    
    t = new MediaTracker(this);
    t.addImage(img, 0); //зальем фото в объект
    t.waitForID(0); //подождем пока загрузится фото по id = 0
    iw = img.getWidth(null);
    ih = img.getHeight(null);
    tw = iw / 12;
    th = ih / 12;

     for(int y=0; y<12; y++){
      for(int x=0; x<12; x++){
       f = new CropImageFilter(tw*x, th*y, tw, th);  //определили область
       fis = new FilteredImageSource(img.getSource(), f); //достали соурсы
       int i = y*12+x; //линия от 0 до 11, и т.д. 
        
       cell[i] = createImage(fis); //создали картинку из вытащенных соурсов
       t.addImage(cell[i], i); //добавили фото в объект
             
     }
    }            
    t.waitForAll(); //подождем пока все загрузятся    
    if(t.checkID(143)){PhotoAreLoaded="yes"; repaint();}       
                                                        
  }catch(InterruptedException exception){                                                                                                                                                                         
  }

}


 public String getBoolForFoto(){return PhotoAreLoaded;}
 
 public void paint(Graphics ggg){
}

public void actionPerformed(ActionEvent e)
 {
  try{ 
    for(int buf_i=0; buf_i<12*12; buf_i++){   
      bi = new BufferedImage(cell[buf_i].getWidth(null), cell[buf_i].getHeight(null), BufferedImage.TYPE_INT_RGB);
      Graphics g = bi.getGraphics();
      g.drawImage(cell[buf_i], 0, 0, null);  
      os = new FileOutputStream("C:\\gaioz\\gikimgection\\foto\\my" + (buf_i+1) + ".jpg"); 
      ImageIO.write(bi, format, os); 
      os.close();      
     }
   }
  catch(Exception ex) {
   }
}
}

Это сообщение отредактировал(а) GIK - 15.11.2006, 16:55

--------------------

GIK

Дата 15.11.2006, 16:53 (ссылка)

(нет голосов)

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

Репутация: 6
Всего: 14

Добавлено @ 16:52

Код


<html> 
<head>
<style type=text/css>
DIV.im{color:#234569; background:#567899; visibility:hidden; fontsize:1px; width: 10px; height:10px;}
TABLE.TabForPropertisUser{position:absolute; top:250; right:0; font-size:17; color:#567789; display:none;}
TABLE.TabForPropertisUser2{position:absolute; top:250; right:100; font-size:17; color:#567789; display:none;}
</style>
<script language="javascript" type="text/javascript">

var widthForRectangular, heightForRectangular;
var speed;
var divs=document.getElementsByTagName('DIV');

function ToLoad(){
p1=document.getElementById('adres').value;
p2=document.getElementById('format').value;
p21=document.getElementById('name').value;

/*
document.gik.setProperties(p1, p2, p21); 
getBool= document.gik.getBoolForFoto(); 
*/

document.getElementById("UP1").style.display="none"; //Вырубаем первый дисплей
propertisStyle('UP2');
}


var p1,p2,p3,p4,p5,p6,p7; var getBool;
var stopLeft, stopTop, stopRight, stopBottom;
var balansLeft=-4, balansTop=0, balansRight=-4, iiiForRight=-123, balansLeft=-4; 

function gik(){

 p3=parseInt(document.getElementById('width').value);
 p4=parseInt(document.getElementById('height').value);
 p5=parseInt(document.getElementById('goLeft').value);
 p6=parseInt(document.getElementById('goTop').value);
 p7=parseInt(document.getElementById('spead').value);
 
 //проверка на корректность вводимых данных 
 //координаты начала
 if(p5>=(screen.width)-p3 || p5<10){ alert("начало не может быть меньше или больше введенных вами координат"); 
  return;}
 if(p6>=(screen.height)-p4 || p6<10){ alert("начало не может быть меньше или больше введенных вами координат"); 
  return;}

 stopLeft=p5; stopTop=p6; stopBottom=p6;

 getBool= "yes"; //document.gik.getBoolForFoto(); //Достаем значение, готовы ли изображения

  //balans var 
 balansLeft=-4; balansTop=0; balansRight=p4; iiiForRight=-2; balansBottom=0;
 
if(timeForGoGik) {
widthForRectangular=parseInt(document.getElementById('width').value);
heightForRectangular=parseInt(document.getElementById('height').value);
speed=parseInt(document.getElementById('spead').value);
var VariableMeaningforTop=-(heightForRectangular*1);

if(widthForRectangular!=heightForRectangular || speed>10){
alert("Enter correct parameters please");
return;
}
var for5=p6; //первый пятые эллемент должны начинатся со значения = Y-начало, и переменная for5 используется в последствии при сложении 

 /*ЕНТО для начального позиционирования*/
 for(var i=0; i<divs.length; i++){
divs[i].style.width=widthForRectangular;
divs[i].style.height=heightForRectangular;

/*нужно распределить TOPовые и Leftовые значения 
 будем использовать различные математические действия
 Поскольку используются четыре направления, то будем использовать деления на 1, 2, 3 и 4 соответЗДвенно 
 Поскольку ОСТАТОК от деление на циферку 1 даст 0, И
 деление четного числа на 2 всегда даст остаток от деления 0, то эти трудности мы обойдем чисто МАТЕМАТИЧЕСКОЙ ЛОГИКОЙ :)
 НУ БУЛЕВА АЛГЕБРА c эллементами изврата, НЕ ИНАЧЕ....... 
*/

 //Иссесенно первое действие - деление на 4, а иначе и быть не может, ТАКОВ УЖ приоритет
if((i+1)%4==0){ //Если это 4-ый эллемент
  //а еще нужно учесть что линия заканчивается :)
  if((i+1)%12==0) { // если это последний четвертый эллемент в линии. Очень удобно что только этот эллемент делится на 12
  divs[i].style.left=parseInt(p5+(widthForRectangular*11)); //Откуда начнет движение
  
  }    
  else if((i+1)%4==0 && (i+1+4)%12==0){ //УРА, есть число которое делится только на 12
  divs[i].style.left=parseInt(p5+(widthForRectangular*7));  
  } 
  else if((i+1)%4==0){ // если это первый-четвертый эллемент в линии
  divs[i].style.left=parseInt(p5+(widthForRectangular*3));   
  }   
}

  //Движение слева, справа и сверху, их мы и обработаем 
else if((i+1)%3==0){ //мы знаем какие числа делятся на три, а именно кратные 3, 6 и 9, ну а 12 мы обработаем делением на 4       
  if((i+1+1)%4==0){ //Это явно первый-третий, т.к. следующий точно делится на 4, а остальные нет и это хорошо :) 
    VariableMeaningforTop+=heightForRectangular;
   divs[i].style.top=(p6+(VariableMeaningforTop)); 
   }else if((i+1)%2==0){ //Это явно второй-второй, только этот эллемент делится и на 3 и на 2 
  divs[i].style.left=(p5+(widthForRectangular*5)); //Для lefta поБАРАБАНУ, он не использует плавающие значения, в отличии от top                                
   } else
   { //Это явно эллемент третий-первый в линии, а больше ничего не остается..... 
    divs[i].style.top=(p6+VariableMeaningforTop); //Уже припояли значение переменной VariableMeaningforTop, когда увидеои первое число кратное 3             
   }       
}

else if((i+1)%2==0) //У нас остались эллементы 10 и 2, именно эти числа кратны 2, и они остались для обработки....
  {  
   if((i+1+2)%12==0) { //Еще раз спасает максимальное число 12 (от 10-тых эллементов)
   divs[i].style.left=parseInt(p5+(widthForRectangular*9)); 
   }else if((i+1)%2==0){
   divs[i].style.left=parseInt(p5+(widthForRectangular*1)); 
   }
}
else //Числа кратные 1, а именно эллементы 1-ый, 5-тый 7-ой и 11-тый (первый - первый, первый-второй, второй-третий и третий-третий)
     //но тут лажа, покрайней мере для меня, и я тупо перебираю все варианты, пока счастье что в параметрах юзера не указвывается кол-во прямоугольников 
   { /*Реально не могу придумать математические действия..... тупо использую все варианты... пока катит...*/
  
 // для 5, 7 и 11
     if((i+1)==5){divs[i].style.top=parseInt(p6);}
     if((i+1)==7){divs[i].style.top=parseInt(p6);}
     if((i+1)==11){divs[i].style.top=parseInt(p6);}
      
      
     if((i+1)==17 || (i+1)==29 || (i+1)==41 || (i+1)==53 || (i+1)==65 || (i+1)==77 || (i+1)==89 || (i+1)==101 || (i+1)==113 || (i+1)==125 || (i+1)==137){
      for5+=heightForRectangular;       //Сдесь он уведличивается и используется, а ниже просто используется
      divs[i].style.top=parseInt(for5);
     }else  
      if((i+1)==19 || (i+1)==31 || (i+1)==43 || (i+1)==55 || (i+1)==67 || (i+1)==79 || (i+1)==91 || (i+1)==103 || (i+1)==115 || (i+1)==127 || (i+1)==139){
      divs[i].style.top=parseInt(for5);
     }else       
     if((i+1)==23 || (i+1)==35 || (i+1)==47 || (i+1)==59 || (i+1)==71 || (i+1)==83 || (i+1)==95 || (i+1)==107 || (i+1)==119 || (i+1)==131 || (i+1)==143){
       divs[i].style.top=parseInt(for5);  
     } 
     else 
    if((i+1)==1) {
     divs[i].style.top=(p6);  
     }
     else 
    if((i+1)==13) {
     divs[i].style.top=(p6+heightForRectangular);  
     }
      else
    if((i+1)==25){
     divs[i].style.top=(p6+(heightForRectangular*2)); //Сдеь вставляем 12-ые эллементы
     }
    else
    if((i+1)==37){
     divs[i].style.top=(p6+(heightForRectangular*3));
     }else  
    if((i+1)==49){
     divs[i].style.top=(p6+(heightForRectangular*4));
     }else
     if((i+1)==61){
     divs[i].style.top=(p6+(heightForRectangular*5));
     }   else 
    if((i+1)==73) { //а первый элемент, всегда имеет top = 20
     divs[i].style.top=(p6+(heightForRectangular*6));  
     }else    
    if((i+1)==85){
     divs[i].style.top=(p6+(heightForRectangular*7));
     }else
    if((i+1)==97){
     divs[i].style.top=(p6+(heightForRectangular*8));
     }else  
    if((i+1)==109){
     divs[i].style.top=(p6+(heightForRectangular*9));
     }else
     if((i+1)==121){
     divs[i].style.top=(p6+(heightForRectangular*10));
     }else
     if((i+1)==133){
     divs[i].style.top=(p6+(heightForRectangular*11));
     }  
  }

} //Цыкл

 stopRight=(2*widthForRectangular)+p5;      //только этот НАЧАЛЬНЫЙ ситоп имеет ЗАВИСИМОЕ (от ширины) значение = точке начала по оси X + кол-во прямоугольников до него
 if(getBool=="yes") timeForGoGik=window.setInterval("GoGik()", 10);
 else{alert("фото не загружено. Ждите");}
 }
}

var leftBool=true, topBool=false; rightBool=false; bottomBool=false;
var goLeft=0; var goTop=0; var goRight=210; var goBottom=210;
var IncreaseForTop=10;                   

var iterForDivs=0;
var timeForGoGik; 



function GoGik() {
if(leftBool) { divs[iterForDivs].style.visibility='visible';
  divs[iterForDivs].style.left=(goLeft+=speed); //Начинаем движение влево 
                           //Нужно явно сбалансировать соприкосновение квадратиков!!!! 
  if(goLeft>=stopLeft) {  balansLeft+=4;
   divs[iterForDivs].style.left=(p5+(balansLeft*p3)); //Начало + varies значение   
                                                  
    goLeft=0; 
    stopLeft+=(4*widthForRectangular);    
    leftBool=false; topBool=true; iterForDivs++; 
     if(iterForDivs==9 || iterForDivs==21 || iterForDivs==33 || iterForDivs==45 || iterForDivs==57 || iterForDivs==69 ||
      iterForDivs==81 || iterForDivs==93 || iterForDivs==105 || iterForDivs==117 || iterForDivs==129 || iterForDivs==141
      ){ //когда последний из этой строки достигает максимального значения
      stopLeft=p5; //после прохождения строки, для следующих строк надо присвоить начальное значение для left 
      balansLeft=-4; // 
    }
  }
}else 
if(topBool) {divs[iterForDivs].style.visibility='visible';
 divs[iterForDivs].style.top=(goTop+=speed);
 if(goTop>=stopTop){
  divs[iterForDivs].style.top=(p6+(balansTop)); //балансировка сложнее 

  goTop=0;       //№2 движение сверху вниз-присваиваем 0!!! //goTop нужно присваивать начальное значение уже после окончания итераций top 
  topBool=false; rightBool=true; iterForDivs++;  
   if(iterForDivs==10 || iterForDivs==22 || iterForDivs==34 || iterForDivs==46 || iterForDivs==58 || iterForDivs==70 ||
      iterForDivs==82 || iterForDivs==94 || iterForDivs==106 || iterForDivs==118 || iterForDivs==130 || iterForDivs==142){ //Когда последняя в линейке достигла значения, максимального для ЭТО ячейки //Когда прошли строку-увеличили на 10, высоту ячейки      
    stopTop+=heightForRectangular; //Увеличиваем stopTop на высоту прямоугольника
    balansTop+=p4;
    }
  }

}else 
if(rightBool) {divs[iterForDivs].style.visibility='visible';
 divs[iterForDivs].style.left=(goRight-=speed);

 if(goRight<=stopRight){         iiiForRight+=4; //передвиженеие на четыре эллемента вперед!!!
  divs[iterForDivs].style.left=(p5+(balansRight*iiiForRight)); //поскольку эллемент не линеен в позиционировании
  
  goRight=p5+(widthForRectangular*13);
  stopRight+=(4*widthForRectangular); 
  rightBool=false; bottomBool=true; iterForDivs++; 
   if(iterForDivs==11 || iterForDivs==23 || iterForDivs==35 || iterForDivs==47 || iterForDivs==59 || iterForDivs==71 ||
      iterForDivs==83 || iterForDivs==95 || iterForDivs==107 || iterForDivs==119 || iterForDivs==131 || iterForDivs==143){
     stopRight=(p5+(2*widthForRectangular));     //Он ведь третий :)
     iiiForRight=-2; 
   }
  }
 }else
if(bottomBool) {divs[iterForDivs].style.visibility='visible';
 divs[iterForDivs].style.top=(goBottom-=speed);
 if(goBottom<=stopBottom){
  divs[iterForDivs].style.top=(p6+balansBottom);

  goBottom=(heightForRectangular*13)+p6;  
  bottomBool=false; leftBool=true; iterForDivs++; 
   if(iterForDivs==12 || iterForDivs==24 || iterForDivs==36 || iterForDivs==48 || iterForDivs==60 || iterForDivs==72 ||
      iterForDivs==84 || iterForDivs==96 || iterForDivs==108 || iterForDivs==120 || iterForDivs==132 || iterForDivs==144  
    ){      
    stopBottom+=heightForRectangular;
    balansBottom+=p4; 
   }
  }
 }
 if(iterForDivs==144){clearInterval(timeForGoGik); alert("Картинку построили, УРА"); }
}



var RforPS=0;
var idforUP; 
function propertisStyle(ID){
RforPS=0;
idforUP=ID; 
timeForGoGik = window.setInterval("gopropertisStyle()", 10);
document.getElementById(idforUP).style.display="block";
}
function gopropertisStyle(){
if(RforPS<=150){document.getElementById(idforUP).style.right = RforPS;}
else{clearInterval(timeForGoGik);}
RforPS+=10;
}
</script>
</head>
<body bgcolor="#ffffff" onLoad="propertisStyle('UP1')"> 

<TABLE width=30% class=TabForPropertisUser border=1 id="UP1">
<TR><TD width=50%>Введите адрес изображения</TD><TD width=50%><input type="text" id='adres' value='img.jpg' onfocus="this.value=''"></TD></TR>
<TR><TD>Введите формат изображения</TD><TD><input type="text" id='format' value='jpg' onfocus="this.value=''"></TD></TR>
<TR><TD>Введите имя изображения</TD><TD><input type="text" id='name' value='myfoto' onfocus="this.value=''"></TD></TR>
<TR><TD></TD><TD><input type="button" value='Загрузить' onClick="ToLoad()"></TD></TR>
</TABLE>
<TABLE width=30% class=TabForPropertisUser border=1 id="UP2">
<TR><TD>Введите ширину прямоугольника</TD><TD><input type="text" id='width' value='20' onfocus="this.value=''"></TD></TR>
<TR><TD>Введите высоту прямоугольника</TD><TD><input type="text" id='height' value='20' onfocus="this.value=''"></TD></TR>
<TR><TD>Введите точку начала по Х</TD><TD><input type="text" id='goLeft' value='20' onfocus="this.value=''"></TD></TR>
<TR><TD>Введите точку начала по Y</TD><TD><input type="text" id='goTop' value='20' onfocus="this.value=''"></TD></TR>
<TR><TD>Введите скорость от 1 до 10</TD><TD><input type="text" id='spead' value='1' onfocus="this.value=''"></TD></TR>
<TR><TD></TD><TD><input type="button" value='Построить' onClick="gik()"></TD></TR>
</TABLE>

<div id=im1 name=im1 style="position:absolute; top:20; left:0;"  class=im><img src='foto/my1.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='foto/my2.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:20; left:80;" class=im><img src='foto/my3.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='foto/my4.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:20; left:0;"  class=im><img src='foto/my5.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='foto/my6.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:20; left:80;" class=im><img src='foto/my7.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='foto/my8.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:20; left:0;"  class=im><img src='foto/my9.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='foto/my10.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:20; left:80;" class=im><img src='foto/my11.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='foto/my12.jpg' width=100%></div> 

<div id=im1 name=im1 style="position:absolute; top:30; left:0;"  class=im><img src='foto/my13.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='foto/my14.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:30; left:80;" class=im><img src='foto/my15.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='foto/my16.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:30; left:0;"  class=im><img src='foto/my17.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='foto/my18.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:30; left:80;" class=im><img src='foto/my19.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='foto/my20.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:30; left:0;"  class=im><img src='foto/my21.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='foto/my22.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:30; left:80;" class=im><img src='foto/my23.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='foto/my24.jpg' width=100%></div> 

<div id=im1 name=im1 style="position:absolute; top:40; left:0;"  class=im><img src='foto/my25.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='foto/my26.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:40; left:80;" class=im><img src='foto/my27.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='foto/my28.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:40; left:0;"  class=im><img src='foto/my29.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='foto/my30.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:40; left:80;" class=im><img src='foto/my31.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='foto/my32.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:40; left:0;"  class=im><img src='foto/my33.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src=foto/'my34.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:40; left:80;" class=im><img src='foto/my35.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='foto/my36.jpg' width=100%></div> 


<div id=im1 name=im1 style="position:absolute; top:50; left:0;"  class=im><img src='foto/my37.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='foto/my38.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:50; left:80;" class=im><img src='foto/my39.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='foto/my40.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:50; left:0;"  class=im><img src='foto/my41.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='foto/my42.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:50; left:80;" class=im><img src='foto/my43.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='foto/my44.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:50; left:0;"  class=im><img src='foto/my45.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='foto/my46.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:50; left:80;" class=im><img src='foto/my47.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='foto/my48.jpg' width=100%></div> 



<div id=im1 name=im1 style="position:absolute; top:60; left:0;"  class=im><img src='foto/my49.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='foto/my50.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:60; left:80;" class=im><img src='foto/my51.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='foto/my52.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:60; left:0;"  class=im><img src='foto/my53.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='foto/my54.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:60; left:80;" class=im><img src='foto/my55.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='foto/my56.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:60; left:0;"  class=im><img src='foto/my57.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='foto/my58.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:60; left:80;" class=im><img src='foto/my59.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='foto/my60.jpg' width=100%></div> 

<div id=im1 name=im1 style="position:absolute; top:70; left:0;"  class=im><img src='foto/my61.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='foto/my62.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:70; left:80;" class=im><img src='foto/my63.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='foto/my64.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:70; left:0;"  class=im><img src='foto/my65.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='foto/my66.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:70; left:80;" class=im><img src='foto/my67.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='foto/my68.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:70; left:0;"  class=im><img src='foto/my69.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='foto/my70.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:70; left:80;" class=im><img src='foto/my71.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='foto/my72.jpg' width=100%></div> 

<div id=im1 name=im1 style="position:absolute; top:80; left:0;"  class=im><img src='foto/my73.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='foto/my74.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:80; left:80;" class=im><img src='foto/my75.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='foto/my76.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:80; left:0;"  class=im><img src='foto/my77.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='foto/my78.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:80; left:80;" class=im><img src='foto/my79.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='foto/my80.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:80; left:0;"  class=im><img src='foto/my81.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='foto/my82.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:80; left:80;" class=im><img src='foto/my83.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='foto/my84.jpg' width=100%></div> 

<div id=im1 name=im1 style="position:absolute; top:90; left:0;"  class=im><img src='my37.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='my38.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:90; left:80;" class=im><img src='my39.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='my40.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:90; left:0;"  class=im><img src='my41.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='my42.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:90; left:80;" class=im><img src='my43.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='my44.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:90; left:0;"  class=im><img src='my45.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='my46.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:90; left:80;" class=im><img src='my47.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='my48.jpg' width=100%></div> 


<div id=im1 name=im1 style="position:absolute; top:100; left:0;"  class=im><img src='my1.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='my2.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:100; left:80;" class=im><img src='my3.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='my4.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:100; left:0;"  class=im><img src='my5.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='my6.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:100; left:80;" class=im><img src='my7.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='my8.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:100; left:0;"  class=im><img src='my9.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='my10.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:100; left:80;" class=im><img src='my11.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='my12.jpg' width=100%></div>

Это сообщение отредактировал(а) GIK - 15.11.2006, 16:56

--------------------

GIK

Дата 15.11.2006, 16:56 (ссылка)

(нет голосов)

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

Репутация: 6
Всего: 14

Код



<div id=im1 name=im1 style="position:absolute; top:110; left:0;"  class=im><img src='my13.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='my14.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:110; left:80;" class=im><img src='my15.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='my16.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:110; left:0;"  class=im><img src='my17.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='my18.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:110; left:80;" class=im><img src='my19.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='my20.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:110; left:0;"  class=im><img src='my21.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='my22.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:110; left:80;" class=im><img src='my23.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='my24.jpg' width=100%></div> 

<div id=im1 name=im1 style="position:absolute; top:120; left:0;"  class=im><img src='my25.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='my26.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:120; left:80;" class=im><img src='my27.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='my28.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:120; left:0;"  class=im><img src='my29.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='my30.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:120; left:80;" class=im><img src='my31.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='my32.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:120; left:0;"  class=im><img src='my33.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='my34.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:120; left:80;" class=im><img src='my35.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='my36.jpg' width=100%></div> 

<div id=im1 name=im1 style="position:absolute; top:130; left:0;"  class=im><img src='my37.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='my38.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:130; left:80;" class=im><img src='my39.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='my40.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:130; left:0;"  class=im><img src='my41.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='my42.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:130; left:80;" class=im><img src='my43.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='my44.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:130; left:0;"  class=im><img src='my45.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='my46.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:130; left:80;" class=im><img src='my47.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='my48.jpg' width=100%></div> 


<div id=im1 name=im1 style="position:absolute; top:140; left:0;"  class=im><img src='my1.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='my2.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:140; left:80;" class=im><img src='my3.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='my4.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:140; left:0;"  class=im><img src='my5.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='my6.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:140; left:80;" class=im><img src='my7.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='my8.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:140; left:0;"  class=im><img src='my9.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='my10.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:140; left:80;" class=im><img src='my11.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='my12.jpg' width=100%></div> 

<div id=im1 name=im1 style="position:absolute; top:150; left:0;"  class=im><img src='my13.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='my14.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:150; left:80;" class=im><img src='my15.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='my16.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:150; left:0;"  class=im><img src='my17.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='my18.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:150; left:80;" class=im><img src='my19.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='my20.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:150; left:0;"  class=im><img src='my21.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='my22.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:150; left:80;" class=im><img src='my23.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='my24.jpg' width=100%></div> 

<div id=im1 name=im1 style="position:absolute; top:160; left:0;"  class=im><img src='my25.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='my26.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:160; left:80;" class=im><img src='my27.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='my28.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:160; left:0;"  class=im><img src='my29.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='my30.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:160; left:80;" class=im><img src='my31.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='my32.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:160; left:0;"  class=im><img src='my33.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='my34.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:160; left:80;" class=im><img src='my35.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='my133.jpg' width=100%></div> 

<div id=im1 name=im1 style="position:absolute; top:170; left:0;"  class=im><img src='my134.jpg' width=100%></div> 
<div id=im2 name=im1 style="position:absolute; top:0;  left:30;" class=im><img src='my135.jpg' width=100%></div> 
<div id=im3 name=im1 style="position:absolute; top:170; left:80;" class=im><img src='my136.jpg' width=100%></div> 
<div id=im4 name=im1 style="position:absolute; top:140; left:50;" class=im><img src='my137.jpg' width=100%></div> 
<div id=im5 name=im1 style="position:absolute; top:170; left:0;"  class=im><img src='my137.jpg' width=100%></div> 
<div id=im6 name=im1 style="position:absolute; top:0;  left:70;" class=im><img src='my138.jpg' width=100%></div> 
<div id=im7 name=im1 style="position:absolute; top:170; left:80;" class=im><img src='my139.jpg' width=100%></div> 
<div id=im8 name=im1 style="position:absolute; top:140; left:90;" class=im><img src='my140.jpg' width=100%></div> 
<div id=im9 name=im1 style="position:absolute; top:170; left:0;"  class=im><img src='my141.jpg' width=100%></div> 
<div id=im10 name=im1 style="position:absolute; top:0; left:110;" class=im><img src='my142.jpg' width=100%></div> 
<div id=im11 name=im1 style="position:absolute; top:170; left:80;" class=im><img src='my143.jpg' width=100%></div> 
<div id=im12 name=im1 style="position:absolute; top:140; left:130;" class=im><img src='my144.jpg' width=100%></div>

</body>

</html>

Добавлено @ 17:01
Вобщем бага еще есть, если тег <APPLET> вставить в код, то выдает ошибку. Я пробовал вставлять в другие коды где меньше тегов <DIV>, там все работало.

С обращением к файлам и выводом фото проблему снял (подписал jar файл) Интересно, если кидать пользователю подписанный jar это будет красиво smile

Конечно нет smile

--------------------

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »