Gecko [ gandhischool.edu.np ]

Name	Size	Permission
bootstrap.js	48.44 KB	-rw-rw-r--
breakingNews.js	5.47 KB	-rw-rw-r--
jquery-3.2.1.min.js	84.63 KB	-rw-rw-r--
jquery.bootstrap.newsbox.min.j...	5.14 KB	-rw-rw-r--
jquery.nivo.slider.js	29.08 KB	-rw-rw-r--
jquery.simpleTicker.js	4.33 KB	-rw-rw-r--
optionswitcher.js	1.75 KB	-rw-rw-r--
slick.min.js	40.99 KB	-rw-rw-r--
vertical.slider.js	3.78 KB	-rw-rw-r--

Code Editor : vertical.slider.js

/*globals window, $, clearInterval, setInterval */

$(function () {
  "use strict";

var          hl,
         newsList = $('.news-headlines'),
    newsListItems = $('.news-headlines li'),
    firstNewsItem = $('.news-headlines li:nth-child(1)'),
      newsPreview = $('.news-preview'),
          elCount = $('.news-headlines').children(':not(.highlight)').index(),
         vPadding = (parseInt(firstNewsItem.css('padding-top').replace('px', ''), 10)) +
                    (parseInt(firstNewsItem.css('padding-bottom').replace('px', ''), 10)),
          vMargin = (parseInt(firstNewsItem.css('margin-top').replace('px', ''), 10)) +
                    (parseInt(firstNewsItem.css('margin-bottom').replace('px', ''), 10)),
         cPadding = (parseInt($('.news-content').css('padding-top').replace('px', ''), 10)) +
                    (parseInt($('.news-content').css('padding-bottom').replace('px', ''), 10)),
            speed = 5000, // this is the speed of the switch
          myTimer = null,
         siblings = null,
      totalHeight = null,
          indexEl = 1,
                i = null;

// the css animation gets added dynamicallly so 
  // that the news item sizes are measured correctly
  // (i.e. not in mid-animation)
  // Also, appending the highlight item to keep HTML clean
  newsList.append('<li class="highlight nh-anim"></li>');
  hl = $('.highlight');
  newsListItems.addClass('nh-anim');

function doEqualHeight(c) {

if (newsPreview.height() < newsList.height()) {
      newsPreview.height(newsList.height());
    } else if ((newsList.height() < newsPreview.height()) && (newsList.height() > parseInt(newsPreview.css('min-height').replace('px', ''), 10))) {
      newsPreview.height(newsList.height());
    }

if ($('.news-content:nth-child(' + c + ')').height() > newsPreview.height()) {
      newsPreview.height($('.news-content:nth-child(' + c + ')').height() + cPadding);
    }
  }

function doTimedSwitch() {

myTimer = setInterval(function () {
      if (($('.selected').prev().index() + 1) === elCount) {
        firstNewsItem.trigger('click');
      } else {
        $('.selected').next(':not(.highlight)').trigger('click');
      }
    }, speed);

}

$('.news-content').on('mouseover', function () {
    clearInterval(myTimer);
  });

$('.news-content').on('mouseout', function () {
      doTimedSwitch();
  });

function doClickItem() {

newsListItems.on('click', function () {

newsListItems.removeClass('selected');
      $(this).addClass('selected');

siblings = $(this).prevAll();
      totalHeight = 0;

// this loop calculates the height of individual elements, including margins/padding
      for (i = 0; i < siblings.length; i += 1) {
          totalHeight += $(siblings[i]).height();
          totalHeight += vPadding;
          totalHeight += vMargin;
      }

// this moves the highlight vertically the distance calculated in the previous loop
      // and also corrects the height of the highlight to match the current selection
      hl.css({
        top: totalHeight,
        height: $(this).height() + vPadding
      });

indexEl = $(this).index() + 1;

$('.news-content:nth-child(' + indexEl + ')').siblings().removeClass('top-content');
      $('.news-content:nth-child(' + indexEl + ')').addClass('top-content');

clearInterval(myTimer);
      // comment out the line below if you don't
      // want it to rotate automatically
      doTimedSwitch();
      doEqualHeight(indexEl);
    });

}

function doWindowResize() {

$(window).resize(function () {

clearInterval(myTimer);
      // click is triggered to recalculate and fix the highlight position
      $('.selected').trigger('click');

});

}

// this is the poor man's 'init' section
  doClickItem();
  doWindowResize();
  $('.selected').trigger('click');

});

${this.title}

Code Editor : vertical.slider.js