Привет, у меня есть полноэкранный слайдер RoyalSlider. У меня есть страница с некоторыми изображениями, и я пытаюсь сделать это, когда вы нажимаете кнопку полноэкранного режима, полноэкранный div скользит вниз сверху, покрывая всю страницу, и слайдер загружается в этот div через JQuery.
Вот как я пытался этого добиться. У меня был div, для которого я сделал два класса:
.fullscreen_hide{
-webkit-transition-property: all;
-webkit-transition-duration: 1s;
-webkit-transition-delay: 0s;
width:100%;
height:0%;
background:#141414;
position:aboslute;
z-index:50000000;
}
.fullscreen_show{
-webkit-transition-property: all;
-webkit-transition-duration: 1s;
-webkit-transition-delay: 0s;
width:100%;
height:100%;
background:#141414;
position:aboslute;
z-index:50000000;
}
Я менял классы местами и хотел, чтобы переходы webkit выполняли анимацию, хотя это вообще не сработало. По какой-то причине он не скользит сверху вниз и не покрывает всю страницу, он просто прокручивает страницу вверх, где div сместился вниз примерно на одну высоту экрана, но не покрывает всю страницу.
http://www.klossal.com/portfolio/index_current_alt.html, если вы отправитесь туда и прокрутите до больших пальцев, прямо над окном с заголовком «немного больше информации» вы можете нажать кнопку полноэкранного режима рядом с большими пальцами и посмотреть, как он потерпит неудачу вживую. Так что это первое, с чем мне нужна помощь.
Вторую часть загрузки слайдера я еще не пробовал, потому что первая часть не удалась, но я просто собирался загрузить слайдер из этого html-документа http://www.klossal.com/portfolio/space_fullscreen.html в этот div, который скользит вниз с помощью этого jquery:
<script type="text/javascript">
$(function() {
$("#color_launch").click(function() {
$('#fullscreen')
.html('<img src="http://www.klossal.com/loader.gif" style="padding-
bottom:1000px;"/>')
.load('http://www.klossal.com/portfolio/space_fullscreen.html');
});
});
</script>
Я думаю, это сработает, потому что у меня это настроено на другой части моего сайта, и это работает, но я не пробовал, единственное, что я мог подумать, что пойдет не так, это загрузится до того, как анимация закончится, что нормально до тех пор, пока он остается в этом контейнере анимации и не переходит в полноэкранный режим автоматически. Другая проблема, с которой я столкнулся с этим методом загрузки, заключалась в том, чтобы контролировать, где отображается loading.gif, каким-либо способом контролировать это, в идеале сделать его центром области загрузки?
Там много чего, но я думаю, что это близко к работе? Любая помощь по этому поводу была бы замечательной, спасибо.
