cyber,
Просто попробуй Если это катит и с небольшими тормозами - то ею стоит занимацо Цитата:
<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>
|
Цитата:
|
Цитата:
|
Цитата:
не совсем понял смысел кода 81 поста, и само сообщение. А реализацию я отложу на завтра |
cyber,
При больших масштабах у тьву всегда табла будет максимум на 4 ячейки (остальные картинки скрыты visibility:hidden воть и весь смысл - 4 ячейки - не 24 а при малом масштабе ( будет другой метод |
Цитата:
|
cyber,
Если в данном размере четверка картинок ездит в Хроме терпимо(посколь во всех остальных вроде норма) мельчить не стоит, если будет тормозить мон еще порезать надвое - но более смысла нет - поскольку при резке - общий объем возрастает их жа подгружать еще придется на первом этапе 24 картинки -уже 7 мегов в jpeg |
Цитата:
но в данный момент тупит во всех браузерах |
все проблема решина гениально просто.
Если лагает при совмещение встроенного зума и 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'
});
|
без css3 вообще не лашает:blink:
|
| Часовой пояс GMT +3, время: 13:26. |