Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    Thomas Handorf
    @thomashandorf
    Hey, i just started this gitter room to discuss layerJS.
    Jnext Wordpress Team
    @jnext-Wp-Plugin
    Hello
    i have few Question regarding js
    can i use your use into my plugin ?
    bcoz i want to make my plugin as paid
    so it any licence issues then let me know
    Thomas Handorf
    @thomashandorf
    Hi @jnext-Wp-Plugin, probably yes. Can you send me a link to the plugin? And write me on developers@layerjs.org because i don't know how persistent this gitter chat is.
    Jnext Wordpress Team
    @jnext-Wp-Plugin
    Hello @thomashandorf
    okay
    right now i am developing
    so when it completed
    i will share with you
    one more Question
    this effect
    i want to make more clear and attractive function so i can make plugin
    if you have any other suggestion then let me know so i can ref it
    Thomas Handorf
    @thomashandorf
    Hi, yes, this is possible. It's basically a simple slider and then you need in each slide a layer in which the background image is moved. layerJS does not support linking the scrolling of two layers together currently. But you can use the multi-transition feature, where you can trigger two transitions at the same time in two different layers.
    I made an example on jsfiddle: https://jsfiddle.net/thomnah/rs19vm8t/
    the links that trigger the transitions are in the neighbors.x parameters of the slide frames (#f1, #f2, #f3). in each frame there is a background layer which contains 3 frames, one in the middle holding a background image, one slightly shifted to the left and one to the right. When transitioning between them, the background image moves slightly left or right. When you do this together with the transition between f1 and f2 you get your parallax effect.
    Thomas Handorf
    @thomashandorf
    Note: there is a little drawback here. right before the transition, the background layer of the next frame needs to be in the right position, otherwise you will see white background. in order to do that i had to add a little javascript that listens for the transitions and then puts backgorund layers of the left and the right frames in the right positions, so that they are ready for the next transition.
    If you want to have objects to move in like in the example you posted you either use the same listener i used or you make a css transition based on the ".lj-active" class which is set on the currently active frame and will be removed when it gets deactivated
    Let me know if that works for you.
    Thomas Handorf
    @thomashandorf
    @jnext-Wp-Plugin