Aroused

Стандартными инструментами js анимация не тянет контент, появляются тормоза и всякие глюки. Понятно, что дело не в возможностях машины. Какие есть способы использовать аппаратное ускорение при анимации? Кто-нибудь знает?

Прошу прощения, скрипт работает, просто плагин свой position на родителя ставил.

Решил попробовать скриптом не убирать absolute, ради опыта. Но почему-то тупо добавил размер относительно начальной точки родителя влево и вниз. var nw = $(window).width(); var nh = $(window).height(); $('#viewport').css('width', nw); $('#viewport').css('height', nh); jQuery parent #center { display:block; position:absolute; width:752px; height:550px; overflow:visible; } children #viewport { display:block; position:absolute; top:35px; margin:0; padding:0; overflow:hidden; background-color:#CFF; } Не хочется тут мусорить, потому подумал не стоит создавать тему в скриптах.

Блин, на самом деле =) Спасибо за ответы, очень оперативно, я аж испугался Убрал у дива и родителей position и правда размер по окну стал.. Но ведь был position:absolute, absolute - ведь не в потоке, а раз убрал, то по умолчанию static - он тоже не в потоке, тогда совсем странно. Главное что заработало

Подскажите, если блок имеет родителя, но размер нужно указать относительно окна браузера, как с этим справиться? Или это уже к скриптам?

Да, и вот момент еще, теоритически положение viewport может быть с отрицательной координатой, если да, то при каком условии? Я как не стараюсь установить отрицательное значение, всё не выходит. Даже scrollTo div у которого margin-left -10000px не хочет показывать. Может есть возможность установить положени по умолчанию при входе на страницу больше чем 0, и от этого уже плясать?

Спасибо за ответ Кого интересует тема ScrollTo plugin

Поскажите, каким способом можно изменять положение viewport? Если нужно плавно "уехать" из начальной точки к предположим в конечную? И аналогино сделать это моментально? Есть какие либо варианты? ps. кстати, положение viewport может быть отрицательным?

.fadeIn() .fadeOut() В реальном времени?

Я и javascript не понимаю, но что-то же сделал значит попробую разобраться canvas. Позже фон будет из проекта в проект менятся, gif я попробовал, плавно прозрачность не выходит там либо есть пиксель либо нет = ).

код меньше места занимает =) я там спрашивал на счет фона и gif, лучше всё так и apng с таким фоном как на главной?

Всмысле когда scrollEnd появляется следующий проект? Это не было запланированно =). А вот это уже странно Я именно это и хочу сделать. Тут и правда беда, у меня навигация страдает, ведь всё по клику происходит .hide.show.load итд итп.. Времени не много, но в будующем нужно будет сделать. Пасиб. Стараемся. Кстати gif прелоадер для такого фона как на главной вообще не реален наверно, получается нужно canvas и APNG использовать?

Если вы говорите про тот сайт, что привели ссылку - то он вообще криво сделан. Ваш сайт вы не показывали. На счёт значка - это обычная переменная занятая библиотекой. Ну естественно библиотека занимает свою толику памяти из таба, но это мелочи. То что криво, тут уж не ругайте, у меня опыта нет это и есть он, я над ним вожусь, с флеша перехожу на html 5.

Спасибо, сейчас попробую, кстати у вас анимация не тормозит на сайте? Это нужно скрипты править? Я слышал что значек $ заставляет поновой браузеру по думу пробегаться.

Ну это ж вообще не вопрос =) <ul id="cordiant_thelist"> <li><img src="work/Cordiant_cont/Cordiant_sport_960x600.jpg" width="840" height="500"></li> <li><img src="work/Cordiant_cont/Cordiant_first_wheel_960x600.jpg" width="840" height="500"></li> <li><img src="work/Cordiant_cont/Cordiant_sport__OUTDOOR_960x600.png" width="840" height="500"></li> <li><img src="work/Cordiant_cont/Cordiant_sport_wobler_960x600.png" width="840" height="500"></li> <li><img src="work/Cordiant_cont/Cordiant_sketches.jpg" width="840" height="500"></li> <li><img src="work/Cordiant_cont/Cordiant_sport_MAking-off_960x600.png" width="840" height="500"></li> <li style="display:none"><img width="633" height="470"></li> </ul>

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

$("#content").load('work/content.html', // здесь подгружаем хтмл с дивом в котором изображения, function() { // начинаем функцию callback, $("#content").show("slide", { direction: "right" }, 1100); // анимация show* блока с содержанием которое мы подгрузили, }); по сути получается, в момент, как содержимое content.html попадает в #content начинается выполнение callback. Вопрос: как сделать чтобы анимация (которая сейчас в callback) начиналась после того эти картинки будут загружены?

До сих пор не решил вопрос. Почему это не работает? myScroll = new iScroll('agency_drag', { checkDOMChanges: true}, function(event) {handleEvent.target.getElementById('wrp_bge')}) myScroll = new iScroll('wrp_bge', {hScrollbar: false}, { checkDOMChanges: true});

Да, вот подключаем дивы к скроллу function loaded() { myScroll = new iScroll('clients_drag', { checkDOMChanges: true}); myScroll = new iScroll('work_drag', { checkDOMChanges: true}); myScroll = new iScroll('services_drag', { checkDOMChanges: true}); Просто менять скорость скролла можно только в плагине iscroll для всех подключенных объектов. Потому я просто создал див который будет за контентом (div).draggable в jquery, и поменял ему скорость драга. теперь нужно чтобы вместе с контентом двигался див на фоне.

Подскажите как можно передать mouseDown и mouseMove на другой DIV. Хочу реализовать Dragging переднего и заднего diva, но ни как не могу это сделать. Пример на demodern.de там вместе с контентом прокручиваются элементы фона.

Похоже лучше флеша еще ничего не придумали.. ппц

Да, спасибо. Хотел сделать кубик, вот что получилось http://jsfiddle.net/6Zyrb/2/ Но с управлением беда, пока не остановится трогать его нельзя иначе скорость накладывается, почему реакция на мышь не моментальная? Вроде как только мышь отпустишь, то сразу break должно же быть..

А вот что можно сделать только с CSS3 http://jsfiddle.net/e3eHp/ Только для Safari и Apple Mobile.. Плоскость это Div а значить можно сделать кликабельным и тд и тп.. Было бы круто Если разобраться как сделать управление кубика мышью (рабираюсь).

Да, но если не использовать WebGL то работает даже на андроиде, а это уже интересно. Я не сомневаюсь что в будущем браузеры финальной сборки будут предусматривать аппаратное ускорение 3D. Я видел тему что 3D обьект конвертится в asc потом каким - то образом в js.

Кто-нибуть понимает как это работает? http://deanm.github.com/pre3d/colorscube.html Я так понимаю это достигается с помощью JS? Хотелось бы собрать информацию в этой теме, по ходу буду дополнять, кто понимает как реализовать такую анимацию пишите =)