Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
hellsan631 committed Sep 3, 2015
1 parent 5703a97 commit fa1ca9d
Showing 1 changed file with 8 additions and 6 deletions.
14 changes: 8 additions & 6 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -97,24 +97,26 @@ Or by downloading the repo and using the files there

8: __weights:__ [ 0.0000310, 0.0001800, 0.0000164, 0.0000019, 0.0001200 ] _(array of numbers)_ <br/>
Effect weights for how much the effect will move in a given direction based on mouse movement.
Here is each number and what they do (about). <br/>
```js
Here is each number and what they do (about).


[
"distance from center",
"y plane neg to left, pos to right -> rotational",
"distance from center axis point X and Y",
"1 minus distance from center axis point",
"relative distance from center x plane, top neg, bot pos"
]
```


9: __container:__ window _(variable)_<br/>
The container for which the effect will be bound. Changing this option may cause unintended
side-effects, as I havn't debugged this functionality. But your welcome to try it and submit a PR :)

10: __cssClasses:__ _(object)_ <br/>
Overrides for the class names incase you want to use a similar class name for a specific element.<br/>
```js
Overrides for the class names incase you want to use a similar class name for a specific element.


{
smartContainer: "ld-smart-container",
overlapContainer: "ld-overlap-container",
Expand All @@ -123,4 +125,4 @@ Or by downloading the repo and using the files there
active: "ld-transform-active",
object3d: "ld-3d-object"
}
```

10 comments on commit fa1ca9d

@caohothang
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi guy
Can i ask you question
How i can use it with multiple images like website hellomonday.com ?

When i used with multipe image it will broken

@hellsan631
Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

need to program that bit in. right now its only full screen, but im working on a new version in javascript that will be able to do this

@caohothang
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes, i was just update your source and it can work with multiple images :). Thanks for your code

@hellsan631
Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The main problem with multiple image performance can be found here

The default for element when its not specified should be @settings.container, and not window. What did you change to get it to work? I'm adding commits daily to the dev branch, if you want to see progress there.

@caohothang
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I have just use container by main element for each images but event hover of you using mouse window, i fixed it to move on element, it work.
Please see image below
http://prntscr.com/8j27hy

@hellsan631
Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ah, cool. Eventually, I want to have 4 different modes for the mouse movement.

Full - tracks the entire page
Isolated - tracks within the container
Magnetic - tracks within a certain distance from the container
Cross - Closest to the hellomonday profile, where if an element is on the same x/y plane, it will activate the effect.

@caohothang
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

OK, When you update new code, please notify or comment in here, i will check and test, i like your code, but your effect not smooth like hellomonday.com (I was just read code it, and i see they calculate matrix different you )

Thanks.

@caohothang
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi, hellsan631
I just test your new code, but it not good if you use >30 images
My web
http://prntscr.com/8mtbje

Your demo 5
http://prntscr.com/8mtbrq

I will update my changes to git
Please test with 30 images and remove overflow hidden in body (css)

@hellsan631
Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

would you be able to open a new issue for this?

@caohothang
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I just create issue in here
#15

Please sign in to comment.