Site Directory

Latest topics
» Well, not exactly an intro or a farewell...
Wed Oct 05, 2016 6:02 am by Kosuke

» Item Template
Mon Jun 13, 2016 6:45 pm by Hamura

» Luke's Item List (WIP)
Fri May 27, 2016 2:44 am by Fauna Yasenha

» Luke's Jutsu list (WIP)
Fri May 27, 2016 2:42 am by Fauna Yasenha

» Luke/Fauna Yasenha (WIP)
Fri May 27, 2016 2:13 am by Fauna Yasenha

» Onigakure no Sato/Hidden Devil Village
Fri May 27, 2016 2:07 am by Fauna Yasenha

» Brief History of Naruto Destiny
Thu May 26, 2016 11:14 am by Hamura

» JavaScript for Slideshow banner
Wed May 25, 2016 8:39 pm by Hamura

» Clan Template
Wed May 25, 2016 12:03 pm by Hamura


JavaScript for Slideshow banner

View previous topic View next topic Go down

JavaScript for Slideshow banner

Post by Hamura on Wed May 25, 2016 8:39 pm

(function() {
  var BannerRotator = {
    images : [
      'http://img08.deviantart.net/d6af/i/2013/160/b/7/pain__twitter_header_by_dantewtf-d68gbua.png',
      'https://lh3.googleusercontent.com/-g9F9tvFzqT8/VyqiJTPPJ2I/AAAAAAAAEQI/wsLEoLurJZQ5es_Ncq8ZaBsMMeJGovY-g/w800-h800/naruto_dekstop_wallpaper_hd_b29.jpg'
    ],
 
    start_delay : 5000,
    duration : 50000,
    height : 'auto',
 
    fade_image : true,
    fade_speed : 1200,
   
    keep_initial : true,
    remember_position : true,
    preload : true,
 
    // technical data below
    index : -1,
    logo : null,
   
    // increment the index and display the next image in rotation after a small delay
    next : function(ms) {
      if (ms === undefined) ms = FA.BannerRotator.duration;
 
      window.setTimeout(function() {
        if (++FA.BannerRotator.index >= FA.BannerRotator.images.length) FA.BannerRotator.index = 0; // reset index when it exceeds "images" length
        if (FA.BannerRotator.remember_position) my_setcookie('fa_banner_index', FA.BannerRotator.index); // remember the last banner shown
       
        // fade banner in and out
        if (FA.BannerRotator.fade_image) {
          $(FA.BannerRotator.logo).fadeOut(FA.BannerRotator.fade_speed, function() {
            FA.BannerRotator.logo.src = FA.BannerRotator.images[FA.BannerRotator.index]; // set next banner
            $(this).fadeIn(FA.BannerRotator.fade_speed, FA.BannerRotator.next); // fade it in
          });
        }
 
        // default rotation
        else {
          FA.BannerRotator.logo.src = FA.BannerRotator.images[FA.BannerRotator.index];
          FA.BannerRotator.next();
        }
      }, ms);
    },
   
    // initial start up to get the correct logo node and setup some other settings
    init : function() {
      var logo = document.getElementById('i_logo') || document.getElementById('logo') || document.getElementById('pun-logo'),
          index = my_getcookie('fa_banner_index');
         
      if (logo) {
        FA.BannerRotator.logo = logo.tagName == 'IMG' ? logo : logo.firstChild;
        FA.BannerRotator.logo.style.height = FA.BannerRotator.height;
       
        if (FA.BannerRotator.keep_initial) FA.BannerRotator.images[FA.BannerRotator.images.length] = FA.BannerRotator.logo.src;
        if (FA.BannerRotator.remember_position && index) {
          FA.BannerRotator.index = +index;
          FA.BannerRotator.logo.src = FA.BannerRotator.images[FA.BannerRotator.index] || FA.BannerRotator.images[0];
        }
       
        FA.BannerRotator.next(FA.BannerRotator.start_delay);
      } else if (window.console && window.console.warn) {
        console.warn('Your forum version is not optimized for this plugin');
      }
    }
  };
 
  if (!window.FA) FA = {};
  if (!FA.BannerRotator) {
    FA.BannerRotator = BannerRotator;
   
    if (FA.BannerRotator.preload) {
      for (var i = 0, j = FA.BannerRotator.images.length, img; i < j; i++) {
        img = document.createElement('IMG');
        img.src = FA.BannerRotator.images[i];
      }
    }
   
    $(FA.BannerRotator.init);
  }
}());
avatar
Hamura
Hokage
Hokage

Posts : 28
Join date : 2016-03-27

View user profile http://ninjadestiny.forumotion.com

Back to top Go down

View previous topic View next topic Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum