cbeyls/slimbox

Does not work with the lavalamp jquery plugin

Closed this issue · 2 comments

What steps will reproduce the problem?
1. If in install the lavalamp jquery plugin which I use for my menu Slimbox
does not work.
2. I had 2 versions of jquery.min.js loading since both apps used it and
deleted one so I thought that was the problem at first but didn't  
3. If I delete jquery.easing.min.js it works fine but then the lavalamp
plugin doesn't work.


What is the expected output? What do you see instead?

I expect a image to open up but instead i get a blank square with slimbox

What version of the product are you using? On what operating system?

I am using version 2.02. the other version I used with mootools wouldn't
work at all. this one pops up a box that is set in size and just displays a
blank image

Please provide any additional information below.

I'm just starting to play with java and am trying to get my page up but I
don't understand how to program it or much about it. Is there a way to get
both plugins working or do I have to choose one or the other. 

Could someone please take a look at this.



Original issue reported on code.google.com by dbartol...@gmail.com on 15 May 2009 at 12:08

First, please note that Javascript has nothing to do with java besides the name.

I'm not an expert in "lavalamp" but the Slimbox2 script is as unobtrusive as 
possible
and there should not be any conflict between those two. Try to do this:

- Download the latest version of Lavalamp.
- Insert the scripts in the following order in your page: jQuery 1.2 or 1.3, 
then
easing.js (latest version), then slimbox2.js, then Lavalamp.

Original comment by christophe.beyls@gmail.com on 20 Aug 2009 at 11:56

  • Changed state: Invalid
I've found the root and a solution to this problem.

The error is because Lavalamp is using the easing mode "linear" and Slimbox is 
using
the easing mode "swing".

In the jQuery Easing plugin website (http://gsgd.co.uk/sandbox/jquery/easing/) 
in the
UPDATES section, it says: "12/11/07 1.3 jQuery easing now supports a default 
easing
mode. Define your preferred animation once for ALL animation."

So we have to change the easing mode for Slimbox to "linear". Open the 
slimbox2.js
file and search for: resizeEasing:"swing" and replace it to 
resizeEasing:"linear".

You have to do the same if you are using the easing plugin in another animation 
in
the same webpage.

Original comment by josedue...@gmail.com on 16 Jan 2010 at 12:28