Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.09.2017, 18:41
Интересующийся
Отправить личное сообщение для Antonjrjr Посмотреть профиль Найти все сообщения от Antonjrjr
 
Регистрация: 13.01.2017
Сообщений: 29

Как плавно открыть блок при при клике на видео-миниатюру ?
Друзья , есть popup окно в контенте которого 3 отдельные миниатюры с background-ом , нужно чтобы при клике на миниатюру открывался еще один блок поверх модального и воспроизводилось видео , как это осуществить ?
<a href="#win1" class="button-image"><img src="images/banner.png"/></a>
<a href="#x" class="overlay" id="win1"></a>
    <div class="popup">
        <div class="content">
          <a class="close"title="Закрыть" href="#close" id="winclose"></a>
            <div id="custom_links" class="custom-links">
                <a href="#" class="custom_links app-store" title="App Store"></a>
                <a href="#" class="custom_links google-play" title="Google Play"></a>
                <a href="#" class="custom_links main-cta" title="CIBC MODERN LIFE"></a>
            </div>

            <div class="video-box-wrapper-0">
                <div class="video-trigger">

                </div>
            </div>
            <div class="modal">
                <div class="modal-inner">
                    <div class="video-responsive">
                        <video id="video" loop controls>
                            <source src="envideo/CIBC_MPA_15E_ALT.mp4" type="video/mp4"/>
                        </video>
                    </div>
                </div>
            </div>
            <div class="video-box-wrapper-1" id="myImg1">
                <div class="video-trigger">
                       <video id="video" loop controls>
                            <source src="envideo/CIBC_MPA_15E_ALT.mp4" type="video/mp4"/>
                        </video>
                </div>
            </div>
            <div class="video-box-wrapper-2" id="myImg2">
                <div class="video-trigger">
                      <video id="video" loop controls>
                            <source src="envideo/CIBC_MPA_15E_ALT.mp4" type="video/mp4"/>
                        </video>
                </div>
            </div>
        </div>
    </div>
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
При клике ссылки, открыть DIV блок, и при клике ещё раз, закрыть его Simon Общие вопросы Javascript 59 28.05.2017 17:31
Динамическое создание iframe в Firefox mrbean11 Firefox/Mozilla 8 02.11.2012 19:23
Задача такова : нужно при клике на ссылку открыть страницу с новой вкладке, оставаясь asustekk Javascript под браузер 4 25.05.2012 13:04
как при клике на фотографию увеличить ее, затемнив фон Ichigeki ExtJS 3 23.06.2011 16:34
Как подменять ФАЙЛ CSS при клике нассылку!!!! СРОЧНО ПОМОГИТЕ. pavdin Общие вопросы Javascript 4 02.12.2010 19:44