В примере если опций 2 то выбирать последнюю
var select_format=$('select[name=format]');
var options_count=select_format.find('option').length;
if(options_count==2){
select_format.prop('selectedIndex',options_count-1).change();
}
Для ссылок на jpg, которые не открываются в новом окне:
$("a[href$='.jpg'][target!='_blank']").on("click",function(){
});
$.fn.stickyfloat=function(options,lockBottom){
var $obj=this;
var parentPaddingTop=parseInt($obj.parent().css('padding-top'));
var startOffset=$obj.parent().offset().top;
var opts=$.extend({startOffset:startOffset,offsetY:parentPaddingTop,duration:200,lockBottom:true},options);
$obj.css({position:'absolute'});
if(opts.lockBottom){
var bottomPos=$obj.parent().height()-$obj.height()+parentPaddingTop;
if(bottomPos<0)
bottomPos=0;
}
$(window).scroll(function(){
$obj.stop();
var pastStartOffset=$(document).scrollTop()>opts.startOffset;
var objFartherThanTopPos=$obj.offset().top>startOffset;
var objBiggerThanWindow=$obj.outerHeight()<$(window).height();
if((pastStartOffset||objFartherThanTopPos)&&objBiggerThanWindow){
var newpos=($(document).scrollTop()-startOffset+opts.offsetY);
if(newpos>bottomPos)
newpos=bottomPos;
if($(document).scrollTop()<opts.startOffset)
newpos=parentPaddingTop;
$obj.animate({top:newpos},opts.duration);
}
});
};
Пример использования:
$(document).ready(function(){
setTimeout(function(){
$('#main .left').css('min-height',$('#main').height());
$('#main .inner').stickyfloat({duration:500});
},2000);
});
<div id="main">
<div class="left">
<div class="inner">content</div>
</div>
<div class="right"></div>
<div class="clear"></div>
</div>
.left,.right{
width:50%;
}
.left{
position:relative;
float:left;
}
.right{
float:right;
}
.clear{
clear:both;
}
Источник: https://ruseller.com/lessons.php?id=999&rub=32
Без циклической прокрутки:
var owl_catalog_item=$('.owl_catalog_item');
owl_catalog_item.owlCarousel({
items:1,
loop:false,
margin:0,
autoplay:true,
autoplayTimeout:1000,
autoplayHoverPause:false,
dots:false,
nav:false,
navText:['<i class="fa fa-angle-left"></i>','<i class="fa fa-angle-right"></i>'],
responsive:{
0:{
},
480:{
},
768:{
}
}
});
owl_catalog_item.trigger('stop.owl.autoplay');
$('.catalog .item').on('mouseenter',function(){
if($(this).find('.owl_catalog_item a').length>1){
$(this).find('.owl_catalog_item').trigger('play.owl.autoplay',[1000]);
}
});
$('.catalog .item').on('mouseleave',function(){
$(this).find('.owl_catalog_item').trigger('stop.owl.autoplay');
$(this).find('.owl_catalog_item').trigger('to.owl.carousel',0);
});
С циклической прокруткой:
var owl_catalog_item=$('.owl_catalog_item');
owl_catalog_item.owlCarousel({
items:1,
loop:true,
margin:0,
autoplay:true,
autoplayTimeout:1000,
autoplayHoverPause:false,
dots:false,
nav:false,
navText:['<i class="fa fa-angle-left"></i>','<i class="fa fa-angle-right"></i>'],
responsive:{
0:{
},
480:{
},
768:{
}
}
});
owl_catalog_item.trigger('stop.owl.autoplay');
$('.catalog .item').on('mouseenter',function(){
$(this).find('.owl_catalog_item').trigger('play.owl.autoplay',[1000]);
})
$('.catalog .item').on('mouseleave',function(){
$(this).find('.owl_catalog_item').trigger('stop.owl.autoplay');
});