KRYLOVblog

Рубрика

Javascript

Всего: 200 записей

jquery before css

CSS, JavascriptНет комментариев

Применить стили к :before (1200 — ширина рабочей области)

$(window).load(function(){
	var half=(parseInt($(window).width())-1200)/2;
	$('head').append('<style>.title:before{width:'+(half-15)+'px;left:-'+half+'px;}</style>');
});

owl carousel no animation

CSS, JavascriptНет комментариев

Javascript:

$('#owl_1').owlCarousel({
	loop:true,
	margin:0,
	items:1,
	nav:false,
	dots:false,
	autoplay:true,
	autoplayTimeout:500,
	animateOut:'fadeOut',
	animateIn:'fadeIn',
});

Less:

#owl_1{
	.animated{
		-webkit-animation-duration:0ms;
		animation-duration:0ms;
		-webkit-animation-fill-mode:both;
		animation-fill-mode:both;
	}
	.fadeOut{
		-webkit-animation-name:fadeOut;
		animation-name:fadeOut;
	}
	@-webkit-keyframes fadeOut{
		0%{
			opacity:0;
		}
		100%{
			opacity:0;
		}
	}
	@keyframes fadeOut{
		0%{
			opacity:0;
		}
		100%{
			opacity:0;
		}
	}
}

reset all ui slider

Javascript3 комментария

.params_full .range > div — slider selector

$('.params_full input[type=reset]').on('click',function(){
	$('.params_full .range > div').each(function(){
		var options=$(this).slider('option');
		$(this).slider('values',[options.min,options.max]);
	});
});

yandex map get placemark coordinates, открытие placemark извне

JavascriptНет комментариев
ymaps.ready(init);
function init(){
	var placemarks=[];
	var myMap=new ymaps.Map("places_map",{
		center:[59.952236, 30.299258],
		zoom:16,
		controls:['zoomControl']
	});
	Placemark=new ymaps.Placemark([59.952236, 30.299258],{
		balloonContent:'address 1',
		hintContent:'name 1',
	},{
		preset:'islands#redDotIcon'
	});
	placemarks[1]=Placemark;
	myMap.geoObjects.add(Placemark);
	Placemark=new ymaps.Placemark([59.924406, 30.385793],{
		balloonContent:'address 2',
		hintContent:'name 2',
	},{
		preset:'islands#redDotIcon'
	});
	placemarks[2]=Placemark;
	myMap.geoObjects.add(Placemark);
	Placemark=new ymaps.Placemark([59.952236, 30.299258],{
		balloonContent:'address 3',
		hintContent:'name 3',
	},{
		preset:'islands#redDotIcon'
	});
	placemarks[3]=Placemark;
	myMap.geoObjects.add(Placemark);
	myMap.behaviors.disable('scrollZoom');
	$('.places_map .places .item').on('click',function(){
		$('.places_map .places .item').removeClass('active');
		$(this).addClass('active');
		$('.places_map .places').addClass('closed');
		var cid=$(this).data('id');
		myMap.setCenter(placemarks[cid].geometry.getCoordinates());
		//placemarks[cid].balloon.open();
	});
}
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
<div class="places_map">
	<div id="places_map"></div>
	<div class="places">
		<div class="items">
			<div class="item" data-id="1">title 1</div>
			<div class="item" data-id="2">title 2</div>
			<div class="item" data-id="3">title 3</div>
		</div>
	</div>
</div>
#places_map{
	height:500px;
}