Grahics on the head...
 
Notifications
Clear all

Grahics on the heading

Page 2 / 3

VEXOM
Posts: 183
Topic starter
(@VEXOM)
Estimable Member
Joined: 10 years ago

to make the animation you would need two versions of each image, one that is animated, and one that's not. On hover you can easily change from one image to another.

Example:

$(function(){
	  $('img').each(function(e){
	    var src = $(e).attr('src');
	    $(e).hover(function(){
	      $(this).attr('src', src.replace('.gif', '_anim.gif'));
	    }, function(){
	      $(this).attr('src', src);
	    });
	  });
	});
Reply
Posts: 0
 Zero
(@Zero)
New Member
Joined: 10 years ago

Once you have it, I'll see on a test version if I can implement the code into the header logo template

Reply
VEXOM
Posts: 183
Topic starter
(@VEXOM)
Estimable Member
Joined: 10 years ago

its just a hover Function its nothing hard 🙂 if you dont know coding ask one glitchy bout it 😛

Reply
Posts: 0
 Zero
(@Zero)
New Member
Joined: 10 years ago

Its more about getting it to work with the right template, you have to put it in the right container section, then setup the right variables for the css and html tie in.

Reply
Posts: 0
 Zero
(@Zero)
New Member
Joined: 10 years ago

The scroll to top is simple js, same with the header in the premium style that will be available to premium members here soon.

Reply
Page 2 / 3