The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Moving luffy sprite on the forum?

View previous topic View next topic Go down

In progress Moving luffy sprite on the forum?

Post by Swagbito on January 10th 2015, 6:21 am

I would like to know if it is possible to put a moving Luffy sprite right above the categories and forums? Want it to be small.

Swagbito
Forumember

Posts : 176
Reputation : 4
Language : English & Japanese

http://rubbershinobi.forumotion.com/

Back to top Go down

In progress Re: Moving luffy sprite on the forum?

Post by Ange Tuteur on January 10th 2015, 11:49 pm

Hello @Swagbito,

Go to Administration Panel > Modules > JavaScript codes management > Create a new script

Title : Your choice
Placement : in the homepage
Paste the code below :
Code:
$(function() {
  var leftImage = 'http://i59.servimg.com/u/f59/19/05/20/85/spin10.gif',
      rightImage = 'http://i59.servimg.com/u/f59/19/05/20/85/spin10.gif',
      speed = 40,
     
  eliza = document.createElement('IMG'), pos = 'positive', node = document.getElementById('pun-visit');
  if (!node) return;
  eliza.src=rightImage;
  eliza.setAttribute('style','position:relative;left:0%;bottom:0;');
  node.parentNode.insertBefore(eliza,node);
  window.setInterval(function(){
    if (pos === 'positive') {
      eliza.style.left = getLeft() + 1 + '%';
      if (getLeft() >= 97) pos = 'negative', eliza.src = leftImage;
    } else if (pos === 'negative') {
      eliza.style.left = getLeft() - 1 + '%';
      if (getLeft() <= 0) pos = 'positive', eliza.src = rightImage;
    }
  },speed);
  function getLeft() { return Number(eliza.style.left.replace(/%/,'')) }
});

At the top are the following variables which you can edit.

leftImage : the image to display when the element is moving to the left

rightImage : the image to display when the element is moving to the right

speed : the speed at which the image moves

make sure that the url of your image is between quotes.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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