Featured post

Important jquery in web design

Bootstrap Carousel auto slide:
$('#carousel-example-generic').carousel({
    interval:2000;
    pause: false
});
$('#myCarousel.carousel').carousel('cycle');

/*carousel height*/
if($(window).width() > 767){
    $(document).ready(function() {
        var $header = $('header');
        var ans = $(window).height() - $header.height() - 100;
        $(".slider-img").css("height", ans);
    });
}
if($(window).width() > 767){
    $(document).ready(function() {
        var ans = $(window).height();
        $(".subsliderimg").css("height", ans);
    });
}

Image height:
$(document).ready(function() {
    var ans = $(window).height();
    $("#carousel-example-generic img").css("min-height", ans );
 });
- var ans = $(window).height() - $footer.height() + 100;

menu:
$(function() {
    $('.nav a[href]').on('click', function(){
        if($('.navbar-toggle').css('display') !='none'){
            $(".navbar-toggle").trigger( "click" );
        }
    });
});

Dummy language change:
/*language*/$(".language").on('click','li',function (){
  var selText = $(this).text();
  $('.language .btn.dropdown-toggle').html('  '  + '' + selText + '' + ' ');
});

Only for mobile / media query in jquery:
$(document).ready(function () {
      if ($(window).width() >= 767){ 
      var carHeight = $('#carousel-example-generic').css( 'height' );
      $('.aboutblock').css('height', carHeight);
      var abch = $('.aboutblock').height() - 91;
      $('.aboutcontent').css('height', abch);
  } 
});

Onwindow resize:
$(window).resize(function() {
    window.setTimeout('location.reload()',1000);
});

Active menu:
$(window).load(function(){
    page=window.location.pathname.split("/").pop();
    menuChildren = $('a[href="' + page + '"]'); 
    $(menuChildren).parent('li').addClass('active');
});

Comments