amelice

А почему не повесили на ".on"? Конечно, это вопрос к автору этого слайдера, но, вдруг есть общеизвестные причины? В документации Джквери написано, что ".on" более гибкий?

Позитивно! Рада, что помогла.

Возможно так? http://jsfiddle.net/fvJdv/ offtop: понравилось название темы )

http://mattsnider.com/passing-objects-into-addeventlistener-instead-of-functions/ я вот тут тоже прочитала и в конце говорится: Не знаю по примеру приведенном там, я не согласна. Мне кажется может быть удобно в том что, все обработчики в одном объекте, а в метод handlEvent можно еще добавить какие-то события которые понадобится и там же в этом объекте написать обработчик для этого события, то есть действительно какой то интерфейс... И там говорится, что контекст не элемент в таком случае, а объект.. Удобно ли так?

для отслеживания события транзишененд, люди используют разные подходы el.get(0).addEventListener('webkitTransitionEnd', this, false);el.get(0).addEventListener('msTransitionEnd', this, false);el.get(0).addEventListener('oTransitionEnd', this, false);el.get(0).addEventListener('transitionend', this, false);или в bxslider-e el.bind('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd', function(){ // unbind the callback el.unbind('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd'); updateAfterSlideTransition();});Как нужно, чтоб было правильно и короче?

Спасибо! Мне не нужно высоту маски анимировать, а все остальное ОТЛИЧНО получается. ) Ссылку обновила http://codepen.io/amelice/pen/JGKbB?editors=001, если кому интересно )

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

Я применяла LocalStorage и также апи видео. Мне было легко работать с локалсторадж, там действительно ничего сложного нету. По поводу Апи видео - использовала очень в маленьком объеме. Не было трудностей.

Потому что, по каким то критериям не подходят готовые. Вопрос не в том, что каким способом анимацию производить, а как продумать алгоритм так, чтоб можно было 1. высоту неопределенную сохранить (сайт адаптивный, блок с одной части переходит в другую, и сами слайды разной высоты), 2. и плавность в анимации добиться. То есть как будто бы все слайды были слоями, а управлялось только прозрачность.Такое не получается у меня, так как чтобы сделать все слоями, нужно чтоб все слайды были одной высоты. По ссылке анимация fadeIn не плавная, анимация от белой пелены (или как правильно назвать?). не нашла похожего, за ссылку спасибо. интересные примеры.

В коде на сайте http://swipejs.com/ добавления события прописаны таким образом: // add event listeners if (browser.addEventListener) { // set touchstart event on element if (browser.touch) element.addEventListener('touchstart', events, false); if (browser.transitions) { element.addEventListener('webkitTransitionEnd', events, false); element.addEventListener('msTransitionEnd', events, false); element.addEventListener('oTransitionEnd', events, false); element.addEventListener('otransitionend', events, false); element.addEventListener('transitionend', events, false); } // set resize event on window window.addEventListener('resize', events, false); } else { window.onresize = function () { setup() }; // to play nice with old IE }объект events описан следующим образом: var events = { handleEvent: function(event) { switch (event.type) { case 'touchstart': this.start(event); break; case 'touchmove': this.move(event); break; case 'touchend': offloadFn(this.end(event)); break; case 'webkitTransitionEnd': case 'msTransitionEnd': case 'oTransitionEnd': case 'otransitionend': case 'transitionend': offloadFn(this.transitionEnd(event)); break; case 'resize': offloadFn(setup); break; } if (options.stopPropagation) event.stopPropagation(); }, start: function(event) {...}, move: function(event) {...}, ... } Вопрос, каким образом это работает? В addEventListener('touchstart', events, false) не обработчик в виде функции, а объект events. Почему не вызывается events.handleEvent?

Мне нет, лучше не думать за других, все равно ведь не угадаете. )) А так не понятно, как должно работать ? Сегодня, завтра, ближайшие выходныеЕсли выбрать один из них, то ведь необходимость выбора даты уже нет? Думаю, этот список тоже часть формы.

Нужно сделать ротатор. Фишка в том, что он неопределенной высоты в определенном разрешении окна, допустим, когда ширина окна < 1000 пикселей. Желаемый эффект: чтоб когда один слайд плавно исчезал, второй был бы за ним. Что-то уже сделала, но, у меня эффект получается дерганый, из-за того что элемент либо block, либо none, то есть второй элемент появляется после того как первый становится none. http://codepen.io/amelice/pen/JGKbB?editors=001 upd: и не только дерганый, в добавок с белой заставой.

Что и почему на IE? Что нужно скачивать можно узнать по ссылкам в ЖС. Получается он детектирует ссылки в стилях, а ссылки в ЖС игнорирует.

Основные свойства нужно писать элементу, анимация это изменение визуального состояния, то есть одно состояние меняется на другое, когда происходит какие то факторы. В вашем случае элемент существует при одном состоянии, а в другом его нету. нужно так: .news-row .news-list .item .news-item-body h3 i {opacity: 0;-webkit-transition: opacity .2s ease-in-out;-moz-transition: opacity .2s ease-in-out;-ms-transition: opacity .2s ease-in-out;-o-transition: opacity .2s ease-in-out;transition: opacity 1s ease-in-out;display: inline-block;background: url(../images/ivv.png) no-repeat 0 0;width: 20px;height: 20px;margin-top: -11px;margin-left: 10px;margin-bottom: -5px;}.news-row .news-list .item.active .news-item-body h3 i {opacity: 1;}Свойства проверьте, я для отладки могла изменить какие то.

Стало интересно, установила фф 28. http://f5.s.qip.ru/L8wqLbwP.png http://f6.s.qip.ru/L8wqLbwQ.png http://f5.s.qip.ru/L8wqLbwT.png Вроде все ок.

Нет, не сама таблица, а позиционирование именно самой ячейки таблицы вроде не одобряется спецификацией. Возможно поэтому фф игнорирует свойство position для ячейки. А если поставить релайтив к таблице, слайдер нормально работает в фф 29.

А если поместить слайдер внутрь .viewport и соответственно относительно от него плясать?

а чем фиксед не подходит?

Если слайдер ничего информативного кроме картинок содержит, может сделать position: fixed, а не absolute?

Да, не загружает фоны, также картинки которые появляются посредством ЖС. Попробовала разные флажки, не помогло. А вот эта программа загружает фоны, но не загружает файлы привязанные к ЖС. И еще мне нравится что он ГУИшный ) Спасибо.

С переменным успехом сохраняет изображения. То все, то не все. например, таким образом сохраняю d:\programm\GnuWin32\bin>wget -p -P d:\tmp http://chebureks.ru/tests/long-slider.html Может чего то пропускаю?

Потому что есть элементы которые имеют фиксированную ширину. Они ведь не уменьшаются при уменьшении экрана. И судя по верстке таких элементов много. Думаю, вы еще бустрап не правильно используете. Помоему col -* должны быть в row. А у вас col-* в col-* , ведь их отступы компенсируются за счет row.

Спасибо! Все вроде получилось с установкой, даже скачалось ) только не найду куда все скачалось, в инете говорят что в ту же папку где запускала программу, но, там нету. (( как настроить папку для закачки файлов и где искать закаченные файлы? туплю, все врено - скачалось в ту же папку где находилась в консоли, только я ожидала, что там будет целая папка с файлами, а скачалось один файл - index.html. ) Так... это немножно не то, что я хотела (

Были тут несколько тем на тему - как правильно скачать страницу. Никак не могу их найти, ключевые слова не приносят успехов. Извиняйте, что создаю целую тему по этому поводу, но, по другому как?

По поводу использования ID или class, важно помнить, что: 1. Элемент может иметь только один ID. 2. На странице может находиться только один элемент с этим ID. Классы же таких ограничений не имеют 1. Элемент может иметь много классов. 2. На странице одинаковые классы могут иметь много элементов. Но ID имеет одно преимущество над классом, например если в урле используется хеш, то браузер проскролит страницу к этому элементу, возможно поэтому ID должен быт уникальным. Как было сказано выше, программисты могут использовать ID для скриптов. Но, это тоже спорно, потому что могут быть одинаково оформленные элементы, которым требуются динамика. Я применяю js-classname. Такие классы не участвуют в стилизации, а только для скриптов. С учетом сказанного, вам нужно сначала посмотреть на макет, выделить одинаково оформленные блоки, дать им правильное название класса, и соответственно оформить.