Нарек

Ну да, про надежность это вопрос.. Вот я думаю самый надежный способ это заставить скрипт реагировать на resize.. A вот и не получается)

Не, не, я вот подумал, мне этот способ не устраивает, скажу почему. Модернизр проверяет поддержку браузером трансформаций, и исходя из этого загружает скрипт и css файл. Так если я добавлю эту строку, то модернизр не загрузит скрипт + css если каким то образом пользователь зашел на сайт десктопным браузером уменьшенным до 480px. А при увеличении ничего не произойдет. Поэтому думаю лучший вариант будет если сам скрипт отследит ширину браузера и в зависимости от этого начал работать или не работать. Вот этот скрипт делает именно так как мне нужно var hide = function(){ if ($(window).width() > 980) { $('.info-container a').toggle(function() { $(this) .closest('li') .find('.work-info') .fadeIn(); return false; }, function() { $(this) .closest('li') .find('.work-info') .fadeOut(); return false; }); } else { $('.info-container a').unbind('click'); }};hide();$(window).resize(hide);А вот как другого скрипта убедить действовать так же, вот это не пойму никак.. Мне кажется я уже все способы перепробовал. Думал это из за того, что jQuery у меня подключается после выполнения скрипта, поэтому нельзя отследить resize. Подключил jQuery сначала - тот же результат.. $(document).ready(function(){ var hoverhold = function(){ if ($(window).width() > 980) { $.fn.hoverfold = function( args ) { this.each( function() { $( this ).children( '.view' ).each( function() { var $item = $( this ), img = $item.children( 'img' ).attr( 'src' ), struct = '<div class="slice s1">'; struct +='<div class="slice s2">'; struct +='<div class="slice s3">'; struct +='<div class="slice s4">'; struct +='<div class="slice s5">'; struct +='</div>'; struct +='</div>'; struct +='</div>'; struct +='</div>'; struct +='</div>'; var $struct = $( struct ); $item.find( 'img' ).remove().end().append( $struct ).find( 'div.slice' ).css( 'background-image', 'url(' + img + ')' ).prepend( $( '<span class="overlay" ></span>' ) ); } ); }); };} else { }};hoverhold();$(window).resize(hoverhold);});Вот этот вариант работает, но с проблемой. Если изначально запущено окно ниже 980px, то он срабатывает и отключает скрипт. А если ресайзить и увеличить окно, то ничего не меняется, приходится обновлять страницу уже с высоким разрешением, что бы срабатывал..

Мне кажется Вы вводите в заблуждение людей. Таких смартфонов в жизни не видел. http://habrahabr.ru/post/169141/

С другим скриптом разобрался, теперь он работает так как мне нужно. Проблема решилась так var hide = function(){ if ($(window).width() > 980) { $('.info-container a').toggle(function() { $(this) .closest('li') .find('.work-info') .fadeIn(); return false; }, function() { $(this) .closest('li') .find('.work-info') .fadeOut(); return false; }); } else { $('.info-container a').unbind('click'); }};hide();$(window).resize(hide);А вот скрипт который в первом сообщении, таким образом не работает, пока не пойму почему. Консоль выдает ошибку, вроде функция не существует.

Здравствуйте! Есть скрипт в документе html <script type="text/javascript"> Modernizr.load({ test: Modernizr.csstransforms3d && Modernizr.csstransitions, yep : ['http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js','js/jquery.hoverfold.js'], nope: 'css/fallback.css', callback : function( url, result, key ) { if( url === 'js/jquery.hoverfold.js' ) { $( '.portfolio-item-view' ).hoverfold(); } }});</script>который подключает вот это ( function( $ ) { $.fn.hoverfold = function( args ) { this.each( function() { $( this ).children( '.view' ).each( function() { var $item = $( this ), img = $item.children( 'img' ).attr( 'src' ), struct = '<div class="slice s1">'; struct +='<div class="slice s2">'; struct +='<div class="slice s3">'; struct +='<div class="slice s4">'; struct +='<div class="slice s5">'; struct +='</div>'; struct +='</div>'; struct +='</div>'; struct +='</div>'; struct +='</div>'; var $struct = $( struct ); $item.find( 'img' ).remove().end().append( $struct ).find( 'div.slice' ).css( 'background-image', 'url(' + img + ')' ).prepend( $( '<span class="overlay" ></span>' ) ); } ); }); };} )( jQuery );Вопрос. Как сделать, что бы скрипт подключился (или работал) ТОЛЬКО при разрешении ВЫШЕ 480px, так как ниже этого он мне мешает.. Буду очень благодарен.

http://pressed.ru/

Демонстрируйте код, так не телепаты же, не знает никто какая у вас ситуация.

Мне кажется, что все форумчане уже наизусть его знают)) Весьма познавательная история.

Проблему с розовыми линиями решил (как решил, просто испортил верстку ) весьма извращенным способом. Добавил бордер и outline по 1px, и хрен теперь что видно там будет розового)))

Есть еще категория x - взял заказ, пол дела сделал, потом оказывается "извини, я не так объяснил, мне нужно вот так", а ты смотришь и думаешь - да я же не знаю как это делать.. И понеслась.. форумы, знакомые, добрые люди, вопросы вопросы и еще раз вопросы.. Самое страшное, что может что то сверхординарное попадаться, с чем почти никто не сталкивался (а если и сталкивался, то человек занятой, нету дела до тебя), вот тут настоящая беда. Плюс к беде 100 очков если ты новенький и пытаешься нажить себе клиентов, а тут бац, ни клиента + отрицательный отзыв с грифом незнайка)

Может кому то еще пригодится Вот код с которым работает iOS $(document).ready(function() { $("body").on("click", "#login", function() { setTimeout(function() { if ($("#login-container").is(":hidden")) { $('#login-container').fadeIn(); $('#login').toggleClass('log-pressed');} }, 100); }); $("body").on("click touchmove", function (e) { if ($(e.target).closest("#login-container").length) return; $("#login-container").fadeOut(); $('#login').removeClass('log-pressed'); e.stopPropagation(); }); });По поводу полос в меню, пока не знаю исчезли они или нет, если исчезнут, напишу как получилось) Спасибо большое форумчанам, которые реально помогают, на других форумах уже давно бы послали куда подальше)

У меня он такой) // LOGOUT POPUP$(document).ready(function () { $('#logout').click(function () { setTimeout(function() { if ($("#logout-container").is(":hidden")) { $('#logout-container').fadeIn(); $('#logout').toggleClass('log-pressed');} }, 100); });});$(document).click(function (e) { if ($(e.target).closest("#logout-container").length) return; $("#logout-container").fadeOut(); $('#logout').removeClass('log-pressed'); e.stopPropagation();});Кстати по второму вопросу не помогло vertical-align..

друг админа наверно правильное замечание!

Вы бы на дату сообщения смотрели сперва.

1. А есть решение этой проблемы? 2. Спасибо, установил. Надо ждать человека с iOS который подскажет исправно все или нет)

Уважаемые форумчане, такая вот проблема. есть сайт http://nt-work3.bl.ee/about.html на windows все хорошо, а вот на iOS наблюдаются следующие проблемы. 1, В сайте есть поп-ап (клик по My Account). В Windows он закрывается при нажатии на любую другую область страницы кроме самого поп-апа. А вот в iOS приходится нажимать прямо по ссылке что бы он закрывался.. 2, Верхнее меню. У пункта About MIXER есть класс .current-menu-item, что превращает background в белый. В windows все хорошо, а вот на iOS сверху и снизу видны тонкие полоски розового background-а по 1px. Скрин http://joxi.ru/YkOoU_3JTJBxWRYm3s0 Подскажите, пожалуйста, кто сталкивался с таким делом.. меню из инлайн блоков, думал проблема в отступах font-size и line-height, обнулил их для списка, все равно без результата..

А люди то сидят все руками делают.. Дураки)) Вот сайт на низком разрешении, и так сверху вниз.

Учить то буду, только сейчас встал и стою на месте, а дело то закончить надо.(

Не то вроде.. Надо ведь что бы при клике появился поп-ап в котором картинка полноразмерная.. Странный баг (?) заметил в bxslider. Он не вписывается в заданную ему ширину 1000px, из за него на сайте идет горизонтальная прокрутка начиная с 1066px хотя должно с 1050..

Так этот вроде бы сам не создает превьюшки.. Было бы классно им пользоваться, так как на главной уже есть слайдер (использовал bx). Только вот не пойму как все требование соблюдать..

Такая вот проблема у меня. нужно что бы был такой слайдер особенности 1, При наведении на маленькие превью - они перемещаются в левое окно уже в большом размере. 2, По клику на фото в левом окне - открывается поп-ап, в нем картинка оригинальной ширины. То есть нужен слайдер с функционалом 1, делать сам 3 разных размеров картинок из одной. (загрузил например 1920*1080, а он и в превью, и в левом окне, и при клике стал полноразмерным) 2, Все вышеперечисленное. Если кто то поможет создать такой, ну или скачать откуда то и редактировать его до вышенаписанного состояния - с меня огромные благодарности и пиво на вебмани) В js пока не сильно разбираюсь, что бы сам писать функции hover - click, прошу не отправить учиться, сроки жмут, а я не знал что такой слайдер нужен в сайте, а то не взял бы заказ (

белка не принимает мой шрифт, говорит испорчен ну дело заказчика, пусть дизайнера потрясет..

Шрифт получил у заказчика в форматах eot ttf woff. шрифт palatino bold и нашел вот такое обсуждение про этот шрифт https://groups.google.com/forum/#!topic/microsoft.public.mac.office.word/Pyu_fp6ipO4

вполне. 65кб не та цифра о которой стоит думать.

Возникла такая проблема, виновник опять сафари (мак). Есть подключаемый через font face шрифт. На браузерах ОС windows все работает прекрасно.. А вот сафари уменьшает line-height на много, что собственно влияет на отступы текста.. Кто то сталкивался с такой проблемой? На stack overflow есть 2 подобные темы, ни в одном ответа нет..