jtnix / jquery-lavalamp Goto Github PK
View Code? Open in Web Editor NEWLight up your menus with fluid, jQuery-powered animations
Home Page: https://nixbox.com/projects/jquery-lavalamp/
Light up your menus with fluid, jQuery-powered animations
Home Page: https://nixbox.com/projects/jquery-lavalamp/
All the 3 instances where outerWidth() is being used need to have a true parameter passed in:
e.g. 'width': $el.outerWidth(true)-bx,
Line 295
var thishref = jQuery('a:first',this).attr('href');
Line 299
$pathel = jQuery(this);
Thanks for the target option.
I was trying out the LavaLamp target demo and while it works with jQuery 1.2.6, it breaks when trying to use jQuery 1.3. Please help. Thank you.
Hi,
great work with lavalamp!
Just a minor issue: if you use webfonts (instead of Arial, Verdana ecc..) in menu items Lavalamp fails calculating
You can see this here:
http://www.misurastevia.it/idx/29/ricette
I solved the problem using Jquery before Lavalamp init to calculate and assign the actual width to each
$j( ".header .menunav ul li" ).each(function(index) {
// set 'li' width to solve custom font width error
elemWidth = $j(this).css('width');
$j(this).css( "width",elemWidth );
});
// init lavalamp
$j(".header .menunav ul").lavaLamp({
fx: "easeOutQuart",
speed: 700
})
I'm using Lavalamp 1.4 and, jquery 1.8.3
Alessio
Hello I got the following error not sure what happen
$(...).lavaLamp is not a function
I'm using JQuery 1.11
this is what I used to call LavaLamp
$(".uk-navbar-nav").lavaLamp({speed: 700});
also is there a way to change the color of backLava to different color when hover on different 'li'?
Thank you
I think :not(.noLava)
would work better than [class!=noLava]
Hi,
I'm using LavaLamp with twitter bootstrap. On big screens (when the menu is visible) it works like a charm. But on mobile devices (when the menu is collapsed), when I click on the hamburger icon, the selected item is not styled.
I didn't find what's the problem, for now. If someone's got an idea...
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.