Zverushka

Видимо это нормальное)... Вот так получше будет - правда есть легкий градиент...http://jsfiddle.net/quLwy/1/ А вообще через бордер же это делается.

Правый блок position absolute - он выпадает из потока и становится по сути невидимым для других элементов и родителя. Поэтому родительский блок не тянется на его высоту, а оверфлоу просто обрезается все, что выходит за его пределы.

Все - теперь леттер спейсинг в помойку - в хроме при первой загрузке блоки с ним слипаются. Как еще по центру выровнять блоки? Кажется остается только два боковых маргина, как следствие искуственное увеличение родительского блока и сдвиг его влево. Что очень плохая идея с нефиксированный фраппером .....

Ну все - оказалось и БЛОКИ! Самые обыкновенные с Letter-spacing при первой загрузке в хроме слипаются. Пришлось предыдущий сайт чинить - обратился заказчик с "жалобой".

Элемент около 1700 пикселей и его задний фон фиксирован - я не имею права растягивать его на всю ширину - поедет дизайн. При этот элемент центиррован. Мой блок должен быть слева на 70 писселей не от окна, а от этого элемента (.wrapper) - который то прижат к окну вплотную, то находится на некотором расстоянии от него. Это, врочем видно по дизайну той странички, что там висит. При этом, если теоретически его растянуть на 100%, то корзина должна быть тогда прижата не к левому краю окна на эн пикселей - а границе внутренней обертки и соответственно это такой же геморрой, так как при изменнии размеров окна left параметр всегда будет разным (пока не дойдет до минимальной ширины body) Можно ведь множественно и так вызвать? (".el1, .el2, .el3") - но так тоже не пашет как надо... УПД. А не - такой вызов сработал. Видимо, когда я его первый раз тестила то ли баг был в скрипте, то ли .each еще не было... Фух ну хоть временно проблема решена). Конечно бы хотелось научиться делать независимый код для нескольких вызовов, но по крайней мере уже не так горит)...

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

Обновила свой пост выше.

Так у меня оно уже написано, сейчас специально заменила привязку фиксации с корзинки на меню, чтобы было видно.http://zverushka.bl.ee/monitors/ Но я не могу одновременно 3 элемента привязать - меню, корзинку и консультацию. То есть, если я делаю такой вызов - они берут данные друг друга и все блоки получают неверные координаты и сваливаются в кучу $("#cons").stickTop(); $("#cart").stickTop(); $(".menu-main").stickTop(); А вот код самого плагина // зафиксировать элементы относительно страницы $.fn.stickTop = function() { $(this).each(function(){ var $obj = $(this); $obj.css({"position": "fixed"}) var $parent = $(this).parent(); // Отступ сверху у родителя var offsetTop = $parent.offset().top; // Отступ сверху от ребенка до родителя var startTop = parseInt($obj.css('top').slice(0, -2)); // Отступ слева у родителя var offsetLeft = $parent.offset().left; // Отступ от ребенка до родителя слева var startLeft = parseInt($obj.css('left').slice(0, -2)); top = offsetTop + startTop; left = offsetLeft + startLeft; $obj.css({ 'top' : top - $(window).scrollTop(), 'left': left }); $(window).scroll(function(){ $obj.stop().css({ 'left' : $parent.offset().left + startLeft - $(window).scrollLeft() }); }); $(window).resize(function(){ // Отступ слева у родителя $obj.stop().css({ 'left': $parent.offset().left + startLeft }); }); }); }

Мишка большое спасибо - может заодно сможешь подсказать в этой теме - как сделать данные плагина джаваскрипт не перезаписывающимися? Я из-за этого не могу плагин для разных элементов одновременно запустить http://htmlforum.ru/index.php?showtopic=46784#entry312849

http://zverushka.bl.ee/monitors/ Так вот тут и есть рабочий пример - корзинка пришпилена, остальное пока как есть. Если нужно - могу выложить архив.. Блок сейчас не дрыгается. На абсолютах трасся, потому что скроллл сам по себе рывком скроллит, а если транзицию добавить, то меню из-за пределов экрана выпрыгивало)... Я совсем не понимаю, сделать возможность множественного запуска моего плагина. Подскажите, пожалуйста.

Полная з.... Пришлось переделать под фиксед обратно, так как тряслись все эти хреновины на абсолюте. Я написала рабочий код, проблема лишь в том, как инкапсулировать данные в коде? Я когда пытаюсь 3 раза подряд инициализировать - переменные перезаписываются. Уже час читаю, как этого избежать и нифига не понимаю. Там какая-то чертовщина написана. Что к чему - ничего не понятно. Пробую. Не выходит. Вот код. // зафиксировать элементы относительно страницы $.fn.stickTop = function() { $(this).each(function(){ var $obj = $(this); $obj.css({"position": "fixed"}) var $parent = $(this).parent(); // Отступ сверху у родителя var offsetTop = $parent.offset().top; // Отступ сверху от ребенка до родителя var startTop = parseInt($obj.css('top').slice(0, -2)); // Отступ слева у родителя var offsetLeft = $parent.offset().left; // Отступ от ребенка до родителя слева var startLeft = parseInt($obj.css('left').slice(0, -2)); top = offsetTop + startTop; left = offsetLeft + startLeft; $obj.css({ 'top' : top - $(window).scrollTop(), 'left': left }); $(window).scroll(function(){ $obj.stop().css({ 'left' : $parent.offset().left + startLeft - $(window).scrollLeft() }); console.log(left); }); $(window).resize(function(){ // Отступ слева у родителя $obj.stop().css({ 'left': $parent.offset().left + startLeft }); }); }); }

Хочу тебе сказать огромное спасибо. По-началу я не захотела вникать, так как выкрутилась деградцией меню в текущем проекте. Зато на следующем сайт ну просто как назло задача усложнилась в 2 раза. Сначала я попыталась поискать плагины - установила 5 штук, каждый не работал как надо. Еще сидела и долго вчитывалась в документацию, пытаясь понятЬ, где же я накосячила. Потратив час-полтора, поняла - все, хватит. Пришлось вникнуть в твой код и он меня спас! Я написала свой маленький кодик и в связи с особенностями меню - сделала на абсолют блоках (так оказалось удобнее центрировать). // зафиксировать элементы относительно страницы $.fn.stickTop = function() { var $obj = $(this); var $parent = $(this).parent(); var offsetTop = $parent.offset().top; var top = parseInt($obj.css('top').slice(0, -2)); $(window).scroll(function(){ if ($(window).scrollTop() >= offsetTop) { $obj.stop().css({ 'top' : top + $(window).scrollTop() - offsetTop }); } }); }И теперь маленький вопросик в студию - почему, когда прокручиваешь страничку вертикально - 2 боковые картинки - онлайн заказ и консультацию - слегка пляшут? zverushka.bl.ee/monitors/

Ну изначально речь шла о таком спрайте Очень много скриптов, да, но с перелистыванием на трансформациях только один (флип клок) - и он по-моему толи недоделанный, толи недодуманный, я не смогла там даже дату нормально настроить. Чтобы были дни или месяцы в таймеры - нужно создавать clock face, которые создаются на js и подключаются как внешние модули. Я так повтыкала полчасаи поняла, что мне без поллитра не разобраться в этом чуде. И также непонятно как стиль изменить допустим, если цифры картинкой вставлены. В общем взять готовый счетчик и просто вставить - это одно. А настроить его под стиль из макета и еще и кустомизировать под свои нужды - это уже другое.

Зато, допустим такая конструкция работает http://jsfiddle.net/XspQM/2/ em или px - неважно, вопрос только - мож граница вообще исчезла?

А trident - это название движка или что? Он на каком-то новом движке или на таком и был?

Это true, если класс бхвраппер найден, и ложь, если он ничего не нашел и остался текущий класс $curr. Только я не знаю, тут лучше тогда оставить is или hasclass? Я вообще думала, что не найдет такой класс, то false будет, а так получается, что остается $cur в условии и приходится еще одну проверку делать через .is Но так тоже не очень хорошо, допустим смотри, у нас 12 каталог айтемов скрытых и на них всех запустить слайдер - лишние тормоза только - уж не лучше ли инициализировать слайдер на запуске вкладки. Про hasClass забыла, хорошая функция, тут лучше подходит, странно вообще как тогда is работает... По идее is более трудоемкий - он наверное выборку объекта делает?

$(".tabs").tabs({ active: 0, activate: function(event, ui){ var $cur = ui.newPanel; if ($cur.is(".photo")) { if (!$cur.find(".bx-wrapper").is(".bx-wrapper")) { $cur.find(".bxslider").bxSlider({ pager: false }); } } } });Заработало. Скажите, в этом коде нет ущербности? Особенно волнует вот эта строка if (!$cur.find(".bx-wrapper").is(".bx-wrapper")) {

На табы я не подумала, но код выше работает с табами нормально. А это уже странно. Блин, не фига он не работает, если тут же новую вкладку не открыть, теперь понятно. Епрст (((.

Пока выкрутилась этой функцией. Спасает толкьо 2х секундная задержка, иначе слайдер опять же не видит ширины, хотя теоретически модальное окно должно быть загружено. Так что на данный момент остался лишь вопрос - почему без задержки в функции бхслайдер не видит правильные разымеры слоев? Может callback фукнция бажная - анимация еще не закончилась?? $(".list-catalog .btn-yellow").fancybox({ padding: 0, afterShow: function(current, previous){ setTimeout(function(){ $(".fancybox-inner .bxslider").bxSlider({ pager: false }); }, 2000); } });

Пытаюсь создать самый простой слайдер на основе бхслайдера. В каталоге самый первый айтем - кнопка заказать - во всплывающем окне вкладка - фотографии. Почему-то картинки ужимаются в 5 раз и выстраиваются в одну строку (. Уже час бьюсь - не понимаю в чем проблема! http://zverushka.bl.ee Я так посмотрю, если окошко браузера ресайзнуть - слайдер становится нормальным, но почему при загрузке такое все кривое? Может потому что окно изначально скрыто? Надо на открытии слайдер активировать? Вопрос только как получить хоть какой-нибудь ссылку на объект из всплыающего окна? afterLoad fancybox callback передает куррент - но я не могу из него получить ссылку на всплывающее окно! П.С. Выкрутилась просто испльзую класс fancybox-inner

Ситуация - есть меню фиксед. Минимальная ширина страницы 1024 пикселя. Проблема - если сузить окно браузера сильнее, то горизонательная прокрутка не будет прокручивать меню - и оно будет либо обрезанным (с минимальной шириной 1024 пикселя), либо терять начальный дизайн (с шириной 100 процентов). Вопрос - что делать? Как сделать, чтобы оно крутилось вместо со странице горизонтально?

У любого нормально слайдера можно в параметрах прописать свою функцию на каждом перелистывании слайдера - вот там и пропиши свою функцию. Обычно что-то вроде onSlide: function() {} Но надо смотреть по каждому конкретном слайдеру.

Тебе должна помочь функция индекс http://api.jquery.com/index/ Узнаешь с помощью нее позицию элемента по отношению к соседним элементам и уже работаешь с этим индексом через eq(indexnumber) Если это бхслайдер - там есть внутренняя апи функция получения номера слайда - пользуйся ей, а то там он генерит еще клонов элементов и индекс будет неверный, если вручную считать (хотя not(.bx-clone)) должно помочь....

А как без .col-md - элемент будет адаптироваться под ширину экрана?

Только если дизайн заточен под сетку. А так, она почти бесполезна В тех макетах,. которые просят сделать на бутстрапе - много элементов, где допустим мужчина держит в руках блок - то есть там много абсолютного позиционирования, да и сам мужик на всю ширину 1024 пикселя - как быть с таким макетом, как сделать, чтобы мужчина весь поместился на маленьком экране, а блоки не уехали и еще и адаптировались? То есть просят это сделать для лендингов, а вы сами знаете, что это такое. Кстати недавно видела объявление - нужна попиксельная верстка лендинга, но при этом адаптировано на бутстрапе - при этом я на 1000% уверена, что макет классический - блоки как попало итп итд.