slider overflow hidden position absolute

[npofopr]

Собственно, я думаю, многие встречались с такой проблемой, как вытаскивание блока с position: absolute; за блок с overflow:hidden;

В моем случае, это внутри слайдер http://jsfiddle.net/npofopr/F22FQ/

 

Собственно при ховере на блок, должен всплывать доп. контент, из-за overflow: hidden; все режется.

Как обойти? Нагуглить не получилось, вернее ничего не подошло (такое  пробовал http://dabblet.com/gist/7729560 тоже), а как решить с помощью js, пока не нашел.

 

В общем, может у кого есть в закладках, пути решения? Буду рад всему 

[Zverushka]

А почему ты выбрал fredsel, а не бхслайдер - чем он лучше?

Получается только джаваскрипт, оверфлоу никак не отменить, иначе все содержимое слайдера вывалится

Js можно решать оп-разному. Например у тебя в хтмл прописана подсказка в скрытом теге прямо в слайде. Ты берешь ее данные и генерируешь новый слой, который является ребенком body и позиционируется фиксированном относительно курсора мышки или места в слайдере.

Edited December 14, 2013 by Zverushka

[npofopr]

А почему ты выбрал fredsel, а не бхслайдер - чем он лучше?

Ну мне кажется он более "расширяемый" что ли. Хотя тут кому что нравится. бхслайдером я почти никогда не пользовался. А у fredel есть большая база готовых слайдеров, что иногда очень выручает. Но в принципе тут без разницы, кругом используется overflow:hidden.

 

Js можно решать оп-разному.

Это я понимаю, просто с js у меня совсем никак, вот и думал, может есть где "своровать" или подсмотреть. 

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

[Zverushka]

т.е. позиция этого нового слоя может легко меняться от одного поворота планшета

Надо значит обрабатывать onresize и вычислять заново позицию и направление подсказки. Это будет несложно, если алгоритм позиционирования будет вынесен в отдельную функцию calc()

jquery придется подучить, деваться некуда...  нужно использоать offset(), clone(), text(), append(), .addClass, remove() возможно еще какие-то функции.

Edited December 14, 2013 by Zverushka

[npofopr]

Вопрос в том не умрет ли сайт от одного поворота экрана :-) 

Хотя наверно быстро размер пересчитается...

[Zverushka]

В том же бхслайдере - на каждый ресайз пересчитывает слайдер. Он адаптивный по умолчанию.

[npofopr]

В том же бхслайдере - на каждый ресайз пересчитывает слайдер. Он адаптивный по умолчанию.

Дак а тут также вроде. А разве есть такие слайдеры, которые пересчитывают каждый раз слайдер?) 

И адаптивность это же привилегия стилей.

 

bxslider попроще будет, по моднее что ли, но мне кажется и менее опционален (понятно конечно, что все руками можно легко дописать).. Да и библиотека раза в 3 меньше весит. Для меня тут все равно. Сменить одно на другое не проблема.

 

Да и суть вопроса, не в слайдере, а в overflow: hidden, а оно во всех слайдерах)

Вот тут реализовано, почти то, что мне надо. Но тут это обычные тултипы (если правильно понял), с ними проще будет. Они там сами вне блока "рисуются".

[Zverushka]

А разве есть такие слайдеры, которые пересчитывают каждый раз слайдер

Простенькие не адаптивны.  Просто viewport слайдера четко определен и завязан на размере каждого слайдера, если окно уменьшается - нужно всю систему пересчитывать. 

[klierik]

за overflow ты никак не вынесешь

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