--proxy
browser-sync start --proxy mylocal.dev
[BS] Proxying: http://local.dev.domain
[BS] Access URLs:
------------------------------------
Local: http://localhost:3002
External: http://192.168.1.6:3002
------------------------------------
UI: http://localhost:3003
UI External: http://192.168.1.6:3003
------------------------------------
http://192.168.1.6:3002
, вбиваете его на телефоне и смотрите (естественно телефон должен быть подключен к той же сети, куда подключен и ПК).$('a[data-fancybox="cl-group"]').fancybox({
baseClass : 'fancybox-custom-layout',
margin : 0,
infobar : false,
thumbs : {
hideOnClosing : false
},
touch : {
vertical : 'auto'
},
closeClickOutside : false,
// Customize caption area - append an ad to the bottom
caption : function( instance ) {
var ad = '<div class="ad"><p><a href="//fancyapps.com/fancybox/">fancyBox3</a> - touch enabled, responsive and fully customizable lightbox script</p></div>';
return ad + ( $(this).data('caption') || '' );
}
});
.ad {
display: none;
}
@media all and (min-width: 800px) {
.fancybox-custom-layout {
border: 20px solid #c7bfbf;
}
.fancybox-custom-layout .fancybox-bg,
.fancybox-custom-layout.fancybox-container--ready .fancybox-bg {
background: #efefef;
opacity: 1;
}
.fancybox-custom-layout .fancybox-controls {
opacity: 1;
position: absolute;
top: 0;
left: auto;
right: 0;
bottom: 0;
width: 44px;
background: #5E4950;
}
.fancybox-custom-layout .fancybox-button {
background: transparent;
}
.fancybox-custom-layout .fancybox-buttons button:hover {
background: rgba(20, 20, 20, 0.4);
}
.fancybox-custom-layout .fancybox-caption-wrap {
top: 0;
right: 44px;
bottom: 0;
left: auto;
width: 250px;
padding: 0;
box-shadow: none;
background: #FF6666;
font-weight: bold;
/* Disable transitions */
opacity: 1;
visibility: visible;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.fancybox-custom-layout .fancybox-caption {
border: 0;
padding: 50px 15px;
color: #fff;
}
.fancybox-custom-layout .fancybox-slider-wrap {
right: 294px;
}
.fancybox-custom-layout.fancybox-container--thumbs .fancybox-controls {
right: 220px;
}
.fancybox-custom-layout.fancybox-container--thumbs .fancybox-slider-wrap {
right: 514px;
}
.fancybox-custom-layout.fancybox-container--thumbs .fancybox-caption-wrap {
right: 264px;
}
.fancybox-custom-layout .fancybox-thumbs {
top: 0;
bottom: 0;
background: #c7bfbf;
}
.fancybox-custom-layout .fancybox-thumbs > ul > li {
border-color: #c7bfbf;
}
$('.dop').on('click', function () {
var $btn = $(this);
$('#filter').toggle(400, function () {
if ($(this).is(':hidden')) {
$btn.html('Показать дополнительные параметры поиска');
}
if ($(this).is(':visible')) {
$btn.html('Скрыть дополнительные параметры поиска');
}
});
});
$articles=Article::find()->orderBy('sort_date DESC')->limit(10)->All();
$sorted_articles=[];
foreach($articles as $article){
$dt=date('d.m.Y',$article->sort_date);
$sorted_articles[$dt][]=$article;
}