Javascript-форум - оптимизация drag and drop

Javascript-форум (https://javascript.ru/forum/)

- Events/DOM/Window (https://javascript.ru/forum/events/)

- - оптимизация drag and drop (https://javascript.ru/forum/events/31024-optimizaciya-drag-drop.html)

не уже пройденный этап, их фиг потом соединишь, так что бы можно было уменьшить размер.
эм... а что с картинкой сделал меньше подтормаживает :blink:
а по резать можно с помощью пхп , вот код

<?php ini_set('memory_limit','264M'); // 128М как по умолчанию - не хватает! я про это говорил
$path='t110e5_ru_1920_1200.jpg'; // Путь до файла 
$name=substr(basename($path), 0, -4); 
$src = imagecreatefromjpeg($path); 
$temp_array=array(); 
$step=200; // Размеры квадратов 
$width=imagesx($src);  // догадаешься что это?)
$height=imagesy($src); // а это?)


for ($i=0;$i<$width;$i=$i+$step){ 
 for ($j=0;$j<$height;$j=$j+$step){ 
  $w = $i+$step<$width ? $step : $width-$i; 
  $h = $j+$step<$height ? $step : $height-$j; 
  $dest = imagecreatetruecolor($w, $h); //создаем новое изображение
  imagecopy($dest, $src, 0, 0, $i ,$j, $step, $step); //тырим со старого на новое
   imagejpeg($dest,'delete/'. $name.'_'.$i.'_'.$j.'.jpeg');  
  $temp_array[$j][$i]='delete/'.$name.'_'.$i.'_'.$j.'.jpeg'; 
 } 
}  //стираем старую херню)
 imagedestroy($dest); 
 imagedestroy($src); 
 //рисуем пикчёрззз
  echo "<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\">"; 
foreach ($temp_array as $value){ 
echo "<tr>"; 
 foreach ($value as $v){ 
  echo "<td><img src=\"".$v."\"><td>\n"; 
 } 
echo "<tr>"; 
} 
echo "<table>"; 
?>

просто я пробывал разрезать, помогло , но собрать картинку тяжело потом

Цитата:

Сообщение от cyber

просто я пробывал разрезать, помогло , но собрать картинку тяжело потом

я соберу
Через таблу с border-collapse:collapse и border: 0 none transparent;

а не не нужно в таблицу, это просто я в скрипте забыл поменять=)

<?php ini_set('memory_limit','264M'); // 128М как по умолчанию - не хватает! я про это говорил
$path='t110e5_ru_1920_1200.jpg'; // Путь до файла 
$name=substr(basename($path), 0, -4); 
$src = imagecreatefromjpeg($path); 
$temp_array=array(); 
$step=200; // Размеры квадратов 
$width=imagesx($src);  // догадаешься что это?)
$height=imagesy($src); // а это?)

$imgName = 0;
for ($i=0;$i<$width;$i=$i+$step){ 
 for ($j=0;$j<$height;$j=$j+$step){ 
  $w = $i+$step<$width ? $step : $width-$i; 
  $h = $j+$step<$height ? $step : $height-$j; 
  $dest = imagecreatetruecolor($w, $h); //создаем новое изображение
  imagecopy($dest, $src, 0, 0, $i ,$j, $step, $step); //тырим со старого на новое
   imagejpeg($dest,'delete/'. $imgName.'.jpeg');  
  $temp_array[$j][$i]='delete/'. $imgName.'.jpeg'; 
  $imgName++;
 } 
}  //стираем старую херню)
 imagedestroy($dest); 
 imagedestroy($src); 
 //рисуем пикчёрззз
foreach ($temp_array as $value){ 

 foreach ($value as $v){ 
  echo "<div><img src=\"".$v."\"><div>"; 
 } 

} 

?>

ну вот к примеру
http://learn.javascript.ru/play/GIJ47
нужно уменьшать размер каждого блока что бы они влезли во wrapper, а не все блоки получаются одинакового размера

кстати если картинку сделать в png все равно тормозит , но меньши

cyber,
Воть распилил - три варианта http://sendfile.su/657136

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

Цитата:

Сообщение от cyber

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

я те порезал на идентичные
И ежели вставить в таблу и менять размер таблы (width=10%,width=20% ) то мон наверно забыть об ячейках
в ячейках сделать <img width=100%

и вот что получается

вот код

<style>
*{margin:0;padding:0;}
table{
	width:1600px;
	height:1000px;
	}
table td > img{
	width:100%;
	height:100%;
}
</style>
<title>Документ без названия</title>
</head>

<body>
<div id='ImgParts'></div>

<script type="text/javascript">
(function () {
var table = '<table><tr>'

for (var i = 1;i < 25; i++) {
	table += '<td ><img src="output/6Х4/general_'+i+'.png"></td>'
	
	}

table += '</tr></table>';
$('#ImgParts')[0].innerHTML = table;
}());

</script>
</body>
</html>

и если сделать , к примеру так

table {
	
	width:1600px;
	height:1000px;
	}
table td{
	width:50%;
	height:50%;
	}
table td > img{
	width:100%;
	height:100%;
}

тоже самое

cyber,
Для картинок так:
<img style="width:100%;height:auto" />

А это

table td{
07	    width:50%;
08	    height:50%;

нафег ? (Имхо - лишнее