Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #81 (permalink)  
Старый 28.08.2012, 01:15
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

cyber,
Просто попробуй
Если это катит и с небольшими тормозами - то ею стоит занимацо
Сообщение от Deff
Так что пробуй с перемещением таблы на 4 ячейки соседних ячейки (две сверху - две снизу) в полный размер(не ужатую)
<html>
    <head></head>
    <body style="width:100%">
      <style type="text/css">
#wrapper {
 width:700px;
 height:300px;
 overflow:auto;
 border: 2px solid red;
}
#Wtable {
  width:120%;
  border-collapse:collapse;
  border:collapse;
}
#Wtable,
#Wtable td,
#Wtable td img{
  padding:0; margin:0;
  border: 0 none transparent;
}
#Wtable td {
 width:16.7%;
}
</style>
        <div id="wrapper">
          <table id="Wtable" cols="6">
            <tbody>
              <tr>
                <td>
                  <img src="http://s1.uploads.ru/i/Ikgms.jpg" style="width:100%;height:auto">
                </td>
                <td>
                  <img src="http://s1.uploads.ru/i/57xoZ.jpg" style="width:100%;height:auto">
                </td>
              </tr>
              <tr>
                <td>
                  <img src="http://s1.uploads.ru/i/lqhWv.jpg" style="width:100%;height:auto">
                </td>
                <td>
                  <img src="http://s1.uploads.ru/i/UXTZ7.jpg" style="width:100%;height:auto">
                </td>
              </tr>
            </tbody>
          </table>
        </div>
    </body>
  </html>

Последний раз редактировалось Deff, 28.08.2012 в 01:22.
Ответить с цитированием
  #82 (permalink)  
Старый 28.08.2012, 01:19
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

Сообщение от Deff Посмотреть сообщение
cyber,
Просто попробуй
Если это катит и с небольшими тормозами - то ею стоит занимацо
если и это не прокатит то вариантов просто не будет(у меня точно)=(
Ответить с цитированием
  #83 (permalink)  
Старый 28.08.2012, 01:25
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от cyber
если и это не прокатит то вариантов просто не будет(у меня точно)=(
Нинаю - потыкал в гугол Хроме пост 81 - она по-крайней мере - ездит в Гугол Хроме в ручном режиме (в отличие от таблы со всеми вставленными ячейками
Ответить с цитированием
  #84 (permalink)  
Старый 28.08.2012, 01:28
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

Сообщение от Deff Посмотреть сообщение
Нинаю - потыкал в гугол Хроме пост 81 - она по-крайней мере - ездит в Гугол Хроме в ручном режиме (в отличие от таблы со всеми вставленными ячейками
эм..
не совсем понял смысел кода 81 поста, и само сообщение.
А реализацию я отложу на завтра
Ответить с цитированием
  #85 (permalink)  
Старый 28.08.2012, 01:37
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

cyber,
При больших масштабах у тьву всегда табла будет максимум на 4 ячейки (остальные картинки скрыты visibility:hidden

воть и весь смысл - 4 ячейки - не 24

а при малом масштабе ( будет другой метод
Ответить с цитированием
  #86 (permalink)  
Старый 28.08.2012, 01:42
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

Сообщение от Deff Посмотреть сообщение
cyber,
При больших масштабах у тьву всегда табла будет максимум на 4 ячейки (остальные картинки скрыты visibility:hidden

воть и весь смысл - 4 ячейки - не 24

а при малом масштабе ( будет другой метод
если разбить куски на меньшей размер , к примеру на 256х 256, то тормоза на много уменьшаются, но собрать их геморойно, может у тебя есть идея, или попробывать через таблу?
Ответить с цитированием
  #87 (permalink)  
Старый 28.08.2012, 01:48
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

cyber,
Если в данном размере четверка картинок ездит в Хроме терпимо(посколь во всех остальных вроде норма) мельчить не стоит, если будет тормозить мон еще порезать надвое - но более смысла нет - поскольку при резке - общий объем возрастает их жа подгружать еще придется на первом этапе

24 картинки -уже 7 мегов в jpeg
Ответить с цитированием
  #88 (permalink)  
Старый 28.08.2012, 02:01
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

Сообщение от Deff Посмотреть сообщение
cyber,
Если в данном размере четверка картинок ездит в Хроме терпимо(посколь во всех остальных вроде норма) мельчить не стоит, если будет тормозить мон еще порезать надвое - но более смысла нет - поскольку при резке - общий объем возрастает их жа подгружать еще придется на первом этапе

24 картинки -уже 7 мегов в jpeg
лан спасибо что помогаеш, я пошел спать , днем займусь.
но в данный момент тупит во всех браузерах
Ответить с цитированием
  #89 (permalink)  
Старый 28.08.2012, 22:47
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

все проблема решина гениально просто.
Если лагает при совмещение встроенного зума и drag and drop , значить нужно удалить одну переменную из уравнения, или просто говоря написать зум самому=)
var height, width;
var scale = 1 + options.scaleStep;


	if (zoom) {
	  width = zooming.width() * scale;
       height = zooming.height()  * scale;
     } else {

    width = zooming.width()/scale;
    height = zooming.height()/scale;	
	
	//if (width < getWidth || height < getHeight) return;// минимальный зум исходный размер
	}
	
var left = (width - getWidth) / 2;
var top = (height - getHeight) /2;

	
zooming.css({
	position:'relative',
	width: width +'px',
	height: height +'px',
	left: -left+ 'px',
     top: -top+'px'
	});
Ответить с цитированием
  #90 (permalink)  
Старый 28.08.2012, 23:02
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

без css3 вообще не лашает
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
drag & drop , html 5 cyber Events/DOM/Window 1 30.06.2012 15:16
Помогите с drag and drop shtopor jQuery 1 20.02.2012 13:26
Разбираюсь с drag and drop uaNikita Events/DOM/Window 4 22.09.2011 11:25
Drag & Drop с несколькими элементами Katz Общие вопросы Javascript 1 29.07.2011 13:01
Drag & Drop в полном объеме dizews Events/DOM/Window 3 26.07.2007 12:43