Проблема модальное окно fancybox

Пользователь · Регистрация: 14.08.2014

Всем привет. Есть такая проблема. Есть слайдер в котором вставлен видео ролик через fancybox. при появлении модального окна с видео, слайдер на половину перекрывает его, пока не нажмёшь на крестик закрытия слайдера. Подскажите как исправить.

всё это дело выглядит так:

код в fullstory.tpl выглядит так:

PHP код:



<center><span style="color: rgb(220, 220, 220);"><h5>Кинолента</h5></span></center>



<div id="ca-container" class="ca-container">

                <div class="ca-wrapper">

                    <div class="ca-item ca-item-1">

                        <div class="ca-item-main">

                            <div class="ca-icon"></div>

                            

                            <h4>

                                <span class="ca-quote">&ldquo;</span>

                                <span>Седьмой сын</span>

                            </h4>

                                <a href="#" class="ca-more">посмотреть...</a>

                        </div>

                        <div class="ca-content-wrapper">

                            <div class="ca-content">

                                <h6>Седьмой сын</h6>

                                <a href="#" class="ca-close">close</a>

                                <div class="ca-content-text">

                                    <p>О фильме Седьмой сын Рассказ в фильме пойдет про парня, который, так уж вышло, стал седьмым сыном седьмого сына. А только такой человек может стать ведьмаком. Но этого недостаточно, чтобы именовать себя так необходимо пройти массу тренировок, а также усердно учиться. Ведь главное оружие ведьмака это его ум. Хоть в народе их не любят, но кто-то же обязан убивать нечисть, хранить землю от сил зла и делать всю грязную работу? Юный Том Уорд попробует стать тем самым учеником ведьмака.</p>

                                </div>

                                <ul>

                                    <li><a href="http://tolko-film.com/fantastika/62-sedmoy-syn.html">Смотреть</a></li>

                                    

                                    <li><a href="http://tolko-film.com/index.php?do=favorites&doaction=add&id=62">в закладки</a></li>

                                        <li> <a class="fancybox-media" href="http://youtu.be/fVwfslUNwng" rel="media-gallery">трейлер</a></li>

                                </ul>

                            </div>

                        </div>

                    </div>

                    <div class="ca-item ca-item-2">

                        <div class="ca-item-main">

                            <div class="ca-icon"></div>

                            

                            <h4>

                                <span class="ca-quote">&ldquo;</span>

                                <span>Черепашки-ниндзя</span>

                            </h4>

                                <a href="#" class="ca-more">посмотреть...</a>

                        </div>

                        <div class="ca-content-wrapper">

                            <div class="ca-content">

                                <h6>Черепашки-ниндзя</h6>

                                <a href="#" class="ca-close">close</a>

                                <div class="ca-content-text">

                                    <p>Черепашки-ниндзя

Черепашки-ниндзя несомненные герои, на подвигах которых выросло не одно поколения. Настало время вновь напомнить о себе и своём предназначении, поднявшись из глубин канализации. Древний клан Футов, вместе со своим предводителем Шреддером окутали Нью-Йорк тёмной пеленою. На улицах правит насилие, ненависть и страх, город разрушается с невиданными темпами. Созданные в секретной лаборатории герои, призваны остановить хаос и восстановить справедливость. </p>

                                </div>

                                <ul>

                                    <li><a href="http://tolko-film.com/boeviki/519-cherepashki-nindzya.html">Смотреть</a></li>

                                

                                    <li><a href="http://tolko-film.com/index.php?do=favorites&doaction=add&id=519">В закладки</a></li>

                                <li> <a class="fancybox-media" href="http://youtu.be/qQBUW7zA4Ls" rel="media-gallery">трейлер</a></li>

                                </ul>

                            </div>

                        </div>

                    </div>

                    <div class="ca-item ca-item-3">

                        <div class="ca-item-main">

                            <div class="ca-icon"></div>

                        

                            <h4>

                                <span class="ca-quote">&ldquo;</span>

                                <span>Хоббит: Битва пяти воинств</span>

                            </h4>

                                <a href="#" class="ca-more">посмотреть...</a>

                        </div>

                        <div class="ca-content-wrapper">

                            <div class="ca-content">

                                <h6>Хоббит: Битва пяти воинств</h6>

                                <a href="#" class="ca-close">close</a>

                                <div class="ca-content-text">

                                    <p>Торин и компания достигли логова Смауга, но смогут ли Бильбо и гномы вернуть Эребор и сокровища? Если да, то смогут ли они удержать их?

  Последняя решающая битва. Смогут ли устоять наши герои? Смотрите фильм онлайн Хоббит: Битва пяти воинств </p>

                                </div>

                                <ul>

                                    <li><a href="http://tolko-film.com/pricluchenie/697-hobbit-bitva-pyati-voinstv.html">смотреть</a></li>

                                

                                    <li><a href="http://tolko-film.com/index.php?do=favorites&doaction=add&id=697">В закладки</a></li>

                                </ul>

                            </div>

                        </div>

                    </div>

                    <div class="ca-item ca-item-4">

                        <div class="ca-item-main">

                            <div class="ca-icon"></div>

                        

                            <h4>

                                <span class="ca-quote">&ldquo;</span>

                                <span>Три богатыря: Ход конем</span>

                            </h4>

                                <a href="#" class="ca-more">посмотреть...</a>

                        </div>

                        <div class="ca-content-wrapper">

                            <div class="ca-content">

                                <h6>Три богатыря: Ход конем</h6>

                                <a href="#" class="ca-close">close</a>

                                <div class="ca-content-text">

                                    <p> О фильме Три богатыря: Ход конем

Не прошло и пары лет, как в Киевском княжестве назрел новый заговор. В этот раз коварные бояре надумали избавиться от Князя Киевского и захватить княжеские денежки и власть к своим рукам. Ну а руки то у бояр, как известно, загребущие, но на ту беду у Князя был свой ответ: советник, полководец и просто талантливый мыслитель Юлий Цезарь!</p>

                                </div>

                                <ul>

                                    <li><a href="http://tolko-film.com/nasche-kino/702-tri-bogatyrya-hod-konem.html">Смотреть</a></li>



                                    <li><a href="http://tolko-film.com/index.php?do=favorites&doaction=add&id=702">В закладки</a></li>

                                </ul>

                            </div>

                        </div>

                    </div>

                    <div class="ca-item ca-item-5">

                        <div class="ca-item-main">

                            <div class="ca-icon"></div>

                        

                            <h4>

                                <span class="ca-quote">&ldquo;</span>

                                <span>Бегущий в лабиринте</span>

                            </h4>

                                <a href="#" class="ca-more">посмотреть...</a>

                        </div>

                        <div class="ca-content-wrapper">

                            <div class="ca-content">

                                <h6>Бегущий в лабиринте</h6>

                                <a href="#" class="ca-close">close</a>

                                <div class="ca-content-text">

                                    <p>

 

Юноша, Томас приходит в сознание в неизвестном ржавом лифту. Из всего что он помнит только своё имя. Оказывается он здесь не один и таких как он ещё много детей. Раз в 30 дней в Приют пребывает новый подросток.

Кто они такие и как здесь оказались?</p>

                                </div>

                                <ul>

                                    <li><a href="http://tolko-film.com/trailer/514-beguschiy-v-labirinte.html">Смотреть</a></li>

                                    

                                    <li><a href="http://tolko-film.com/index.php?do=favorites&doaction=add&id=514">В закладки</a></li>

                                

                                </ul>

                            </div>

                        </div>

                    </div>

                    <div class="ca-item ca-item-6">

                        <div class="ca-item-main">

                            <div class="ca-icon"></div>

                        

                            <h4>

                                <span class="ca-quote">&ldquo;</span>

                                <span>Восхождение Юпитер</span>

                            </h4>

                                <a href="#" class="ca-more">посмотреть...</a>

                        </div>

                        <div class="ca-content-wrapper">

                            <div class="ca-content">

                                <h6>Восхождение Юпитер</h6>

                                <a href="#" class="ca-close">close</a>

                                <div class="ca-content-text">

                                    <p>Описание к фильму Восхождение Юпитер

Юпитер Джонс родилась под ночным небом, и все знаки предсказывали, что девочке предстоят великие свершения. Юпитер выросла и каждый день видит во сне звезды, но просыпается в жесткой реальности, где она работает уборщицей и моет туалеты. </p>

                                </div>

                                <ul>

                                    <li><a href="http://tolko-film.com/filmi-2015/705-voshozhdenie-yupiter.html">смотреть</a></li>

                                    

                                    <li><a href="http://tolko-film.com/index.php?do=favorites&doaction=add&id=705">В закладки</a></li>

                                    

                                </ul>

                            </div>

                        </div>

                    </div>

                    

                    <div class="ca-item ca-item-8">

                        <div class="ca-item-main">

                            <div class="ca-icon"></div>

                        

                            <h4>

                                <span class="ca-quote">&ldquo;</span>

                                <span>Трансформеры: Эпоха истребления</span>

                            </h4>

                            <a href="#" class="ca-more">посмотреть...</a>

                                    

                        </div>

                        <div class="ca-content-wrapper">

                            <div class="ca-content">

                                <h6>Трансформеры: Эпоха истребления</h6>

                                <a href="#" class="ca-close">close</a>

                                <div class="ca-content-text">

                                    <p>Прошло четыре года с той поры когда Десептиконы превратили Чикаго в руины, устроив массовое побоище. </p>



                                </div>

                                <ul>

                                    <li><a href="http://tolko-film.com/boeviki/566-transformery-epoha-istrebleniya.html">Смотреть</a></li>

                                    

                                    <li><a href="http://tolko-film.com/index.php?do=favorites&doaction=add&id=566">В закладки</a></li>

                                <li> <a class="fancybox-media" href="http://youtu.be/FespM7Z810I" rel="media-gallery">трейлер</a></li>

                                </ul>

                            </div>

                          </div></div></div></div>



        <script type="text/javascript" src="{THEME}/js/jquery.easing.1.3.js"></script>

        <!-- the jScrollPane script -->

        <script type="text/javascript" src="{THEME}/js/jquery.mousewheel.js"></script>

        <script type="text/javascript" src="{THEME}/js/jquery.contentcarousel.js"></script>

        <script type="text/javascript">

            $('#ca-container').contentcarousel();

        </script>

Администратор · Регистрация: 27.02.2009

Нужно найти z-index у слайдера и fancybox и исправить таким образом, чтобы у fancybox это значение было больше

Пользователь · Регистрация: 14.08.2014

блин точно. где то я про это читал. спасибо большое

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Вопрос Окно с суммой	ChOpper	HTML, CSS	0	03.04.2013 03:42
Вопрос popup окно авторизации.	MarKoLLl	Вопросы по vBulletin 4.х	4	16.10.2012 23:30
FAQ Всплывающее окно на CSS	noname	HTML, CSS	1	13.03.2012 22:46
Вопрос Как сделать выскакивающее окно в ББ коде?	zaren3000	BB коды	6	20.05.2011 17:43
Проблема большое окно редактирования шаблонов	Kasper55	Вопросы по vBulletin 3.х	2	06.04.2011 04:20

Vector #2
7630 МГц Администратор Вес репутации: 0 Регистрация: 27.02.2009 Адрес: Москва Сообщений: 7,302 Сказал(а) спасибо: 578 Спасибок 2,623 в 1,832 сообщениях	Re: модальное окно fancybox - 20.08.2014, 22:48 Нужно найти z-index у слайдера и fancybox и исправить таким образом, чтобы у fancybox это значение было больше

Georg #3
00 МГц Пользователь Вес репутации: 0 Регистрация: 14.08.2014 Сообщений: 9 Сказал(а) спасибо: 0 Спасибок 0 в 0 сообщениях	Re: модальное окно fancybox - 20.08.2014, 23:36 блин точно. где то я про это читал. спасибо большое