www.wysiwygwebbuilder.com

Jordan just came across your update and tried to load your demo-page but nogo for me atm?
The demopage for the zoomwrap does work

cheers,Hans

hi haako,

you mean the demo-site does not run … ?
it may depend on configuration, this demo-site can be quite hard on that (computer + connection)
but anything moderate (computer + connection) should still run fine

if the demo-site loads (=page-setup message) look at the scrollbar,
if the scrollbar is large in length (height) then the page is not loading correct
hit the page refresh button (F5)

that's all I can think of, again it should work on any moderate config.
(the faster the better of course)

win7+cable should suffice
but still only setup-page and gif nothing more refresh and hard refresh still no-go?
will look at demo page later to see if it's working.

For what I saw allready,it looked great

Hans

UPDATE: EASY DEMO PACK ... !

NEW: EASY_DEMO_PACK released
------- Easy demo of all current jorAMP_PROJECTS, install jor_aniMateMASTERPACKv2.0, run the DEMO PACK, play with the settings . .
NEW: New Live Demo (see here)

Jordan,

Demo pages now work great,thanks

Hans

haakoo wrote:Jordan,

Demo pages now work great,thanks

Hans

. .

Hi Jordan,

Was tinkering with some special layout but need to call your local functions from plain .js
Could you explain how to call the function if at all possible?

Hans

Hi haakoo,

you mean you want to call a function created with jor_aniMate global ?

Hey Jordan,

In version 1 you could simply call a callback function like
function blah(){
yourCallBackName();
}

But in version2 you have located everything in an external js file and gives me an error 'blah not defined'
my q is this;is it possible to use htmlobject and have a function in it that calls the callback function?

Hans

OK, so indeed local to global … yes you can do that in 2 ways

01.
set the - Tools and Modifications - functions global | local - to BLANK
jor_aniMate will then work global just as version 1 did

or

02.
you can call a specific local function by just creating a global function
use - Tools and Modifications - easy tools | javascript | after - and add the function you want to call in a global manner
ie. you want to call a module OnLoad function … Call_Load_1 (=run on call)

easy tools | javascript | after: myGLOBALcall = function() { Call_Load_1() }

now you can use the function myGLOBALcall() by any (WB) event

Thanks

Hans

Must be having a senior moment
But for now i'm stumped as how to call a variable into an action.
In v1 one could load a var into the action like + p1 +
It doesn't seem to work in v2 ?

Hans

---------------------------edit-------------------

found it in one of your project examples;
one needs to add extra quotes around the var like '+ varName+'

ps;your demopage site isn't running anymore,might be good idea to remove the links or alter to new domain

you where almost there, it's a string, add open and close (quotation) ..... '+myVar+'
so not that senior . .

extra info:
if an entry is not a string then the property info (below) will read as this ... NOTE: [#] ... then you can just enter ... myVar ... else it always is ... '+myVar+'

Must been editing while you were posting but I found it

Hans

aah you found it goOd ... see not that senior . .

yes I know it's down, I have no playground to play on for the moment
but I plan to set up a dedicated playground for all my extensions and especially jor_aniMate
prob. after a new EB release, new possibilities, new extensions, new jor_aniMate ? ... future plans
4 now I just leave it ...

Looking forward to see any new extensions,
read your wishlist and know Pablo is busy to bring out a new version

Hans

jor_aniMateMASTERPACKv3.0 - PREVIEW

see top post ...

Looking great Jordan.
Perhaps better to create a new thread for this one.

Hans

haakoo wrote:Looking great Jordan.
Perhaps better to create a new thread for this one.

Hans

thx haakoo glad you like . .
I thought same extension same thread?, but maybe your right, maybe will release it in a new thread

Hello Jordan

I don't know how I missed this extension!! Where can I download it? I mean version 3 is still not out, right? What about version 2??

oops

hi supersonictt

version 2 is no longer available and will be replaced by version 3
I still need to test version 3 against WB8.5 and then some bits and bops
will release jor_aniMateMASTERPACKv3.0 as soon as possible

Thank you Jordan

Actually I have other extensions for you installed on my WWB, but it seems I missed this masterpiece!!
After seeing the demo preview, am waiting eagerly to try it

Hello Jordan

Any news for version 3?

Thanks.

hi-ya supersonictt

this week:)

Thanks a lot Jordan
Waiting for the release

jor_aniMate_MASTERPACKv3.0 RELEASED

see top post for download and info . .

Something to play with

Hans

haakoo wrote:Something to play with

Hans

. . happy playing haakoo, just shout if you have any question, unless it's custom related of course, be glad to help . .

Hello jordan,

Thanks a lot for the release
I opened the projects you provided, but I have a question (I didn't use any earlier versions of this extension so please bear with me):

How does the extension know the proper effect? I mean the two projects are different and they use the same extension.

hi supersonictt

you basically can use jor_aniMateMASTERPACKv3.0 in 3 ways

Method 1.
use the single modules like nivo, cycle, roundabout, parallax etc as free standing extensions

Method 2.
use all the different modules and tools and combine them into a new extension
this requires some knowledge of coding (HTML-jQuery-Javascript-etc)

Method 3.
use my own custom coded projects which I call jorAMP_PROJECTS
these project exactly do what point 2 explains
I combine all the modules and tools and write my own custom code inside the jor_aniMateTEMPLATE
if you open the different modules and tools inside my jorAMP_PROJECTS you will see a lot of custom coding
that is why each PROJECT can work different, they become an extension in itself
with these jorAMP_PROJECTS you only need to edit the TEMPLATE SETTINGS, they will act as an user interface

=====

if you really want to use jor_aniMate I would say start as simple as possible
just pick one module or jorAMP_PROJECT of your interest and play around with the settings
if you get the hang of one module/project I'm sure you soon will get the idea of the whole pack
and if not (leave the bear me) just shout again, I'll be glad to assist, it's a big pack . .

jordan, Thanks a lot for the reply.

You said it: "is it a huge pack", so I will take my time playing around with it.
I downloaded it 15 minutes before I posted here (the previous post) so I didn't have the time to investigate it properly.
I am currently working on two websites for some clients so once am done I will spend a lot of time trying it.
I just asked that question to see if I can use any of the magic in the extension with these two websites, and if I did, I will let you know for sure

Thank you again for your work, you are really amazing for how you spent a lot of time working on that for the forum members, I REALLY APPRECIATE IT

jor_aniMateMASTERPACKv3.0 build2.0

01. some enhancements
02. jorAMP_RandomIt added

for full update history, demo's, manual and download see top post

jor_aniMateMASTERPACKv3.0 build3.0

01. changed : module | parallax - background mode image removed by display
02. enhanced : module | preblock - background image repeat position (+ image preload)
03. removed : module | onevent - removed jquery.livejquery 1.1.1
04. new : module | onevent - added jquery.mousewheel 3.0.6 !NEW!
05. enhanced : module | reposition - break running fn. on fn. recall = stop flicker occur
06. changed : module | reposition - allow zero value for fullscreen (window) properties
07. new : module | reposition - set new left-top-width-height offset by jquery data() [+ fn.]
08. enhanced : module | scroll - arguments added on callback onBefore/onAfter/onAfterFirst
09. new : module | scroll - new option - prevent last active mark scroll (by id)
10. fix : module | scroll - rapid events with preblock creates unpredictable behavior
11. enhanced : module | core ui - (drag/drop/resize) arguments added on events (e,ui)
12. fix : event window scroll - mobile compatible if possible (=module: onevent - parallax)
13. additional : some other minor improvements

for full update history, demo's, manual and download see top post
(see also the new JMP3.0b3 mousewheel event in action in my new jor_cu3er3Dslider demo:)

Hi Jordan,

I cannot believe in the years I've used WebBuilder I haven't used this extension yet!

However, I do have a very simple basic question to ask.

(for parralax/plaxify) I can see how to change all the settings from your manual but, how do I select a background image & a secondary image that I want to animate?

hi JimmyJazz,

don’t quite understand what you mean with "animate a secondary image" ?
... you can build lots of different animations/manipulations on WB objects with jor_aniMate

if with animate you mean you want to use different parallaxes on 2 different images ?
create 2 instances from the parallax module, assign these to the 2 images you use, and switch modes

does this help ?

ps: glad you have found and like this extension:)

Hi Jordan,

In most other extensions I have to select from a folder which image I wish to use.

You say; "create 2 instances from the parallax module, assign these to the 2 images you use, and switch modes"

Maybe I'm having a senior moment but I am really not following what you are implying here, how do I assign an image as I see no way of selecting it from within the extension?

Also what do you mean by "switch modes".

Sorry to burden you with such basic questions

ah ok I see what you mean ...
jor_aniMate most of the time directly uses WB objects, then you (manipulate) – target that object by – selector

ie.
you want the parallax module to work on an image

01. add a WB Image object and note it's id – ie. the id is – Image1
02 use that id in the module | parallax – selector - input
NOTE:
the image object is wrapped in WB, so you want to target the wrapper
so the id becomes – #wb_Image1 ( see ie. also my manual chapter – "When do we animate what?" )
03. so, the id entered in the selector input is – #wb_Image1
04. then select the mode in which you want the parallax module to operate ( 1= parallax background – 2= parallax object – 3= plaxify )
05. that's it, run the bongo and see what happens:)

then, just experiment with the options and make it work for you

jor_aniMateMASTERPACKv3.0 build4.0

01. changed : module | cycle - jquery cycle version 3.01/2.73
02. fix : module | cycle - autoplay OFF brakes animation duration
03. fix : module | cycle - cover fx visibility
04. enhanced : module | cycle - wipe fx on event halt completion
05. added : module | cycle - set + get effect (=opts currFx + newFx)
06. enhanced : module | cycle - manual updated info customize
07. additional : some other minor improvements

for full update history, demo's, manual and download see top post

COMING SOON jor_aniMateMASTERPACKv3.0 build5.0 - BANANAS UPDATE:)

Whoaa, my pet project, many WB9 fixes, many many new features, 2 brand new modules ...

01. !NEW! module | tubeplayer
module | tubeplayer can be used to display youtube content on the fly - (HMTL5/FLASH)
the tubeplayer API can be external controlled (stop, play, mute etc)
the tubeplayer furthermore runs in 3 modes - normal display, auto fullscreen background, custom scaled display
see new demo on jorexetensions.com

02. !NEW! module | onscroll - so BANANAS!
module | onscroll can be used to create animated control over WB objects by the window top scrollbar
with it we can animate horizontal, vertical, diagonal, fadein, fadeout, pin, unpin and parallax - motion
see new demo on jorexetensions.com

visit jorextensions.com for new demo's
if you want to know even more - see also the JMPv3.0 online manual for info - click the "what's new" link in the manual

COMING SOON jor_aniMateMASTERPACKv3.0 build5.0 - BANANAS UPDATE:)

jor_aniMateMASTERPACKv3.0 build 5

YEAH FINALLY DONE:) . pet project build 5 . *NEW*

- many WB9 fixes
- many new features
- 2 brand new modules
- online tutorials (yeah:)

for full update history, demos, tutorials and download see top post

2 NEW TUTORIALS AVAILABLE

01. module | tubeplayer - basic setup
02. easy tools | preblock - basic setup

- visit - WB project downloads and online tutorials - here

for full update history, demos, tutorials and download see top post

hello sduccio,

glad you like the pack and all!
I will release more JMPv3.0 tutorials in the future for sure
at the moment I have been (still am) working on another extension (jor_carouselManipulation)
I also have an update for jor_aniMateMASTERPACKv3.0 - build 5.1 - yet unreleased/unfinished
so I'm always planning and working on new things, it - just - takes - time - in reality . .

Jordan, I must admit excellent work and great heart for coding. Truly, Thanx.

3DVizLab wrote:Jordan, excellent extensions! I am studying them right now.
I the future builds can you add jQuery Scroll Path

hi 3DvizLab,

TNX, great you like!
at the moment I only plan to work on creating tutorials for JMPv3.0
I rather picture people using JMPv3.0 fully as is, then to add new things
there is so much to play with in there already, haven't even scratched the surface yet

I did have a go at that scroll-path script a long time ago
I had problems getting a reliable cross-browser version, it also would brake on jQuery versions
so I gave up on it, if I remember correct?

tommy888 wrote:Jordan, I must admit excellent work and great heart for coding. Truly, Thanx.

TNX! tommy888 . .

Dear j6j,
I don't think, I will be able to create so great pages you do. Is it possible to get your wbs of your presentation "module | onscroll" . I have dreamed about a page like this, but I cannot do it without a muster.
Best,
Tamas

hi mindentezzel,

great to hear you like it:)
sorry, but that onscroll demo is not available as a download, nope
on that page module | onscroll is used in many different methods, also additional modules are used
it's simply a showcase for JMPv3.0 with module | onscroll as the main event:)

JMPv3.0 can be used in countless ways, module | onscroll also can be used in many Many different ways

all I'm trying to say is, don't try to do everything at once, start simple
why don't you start with the online tutorials (module | onscroll)
once you understand these tutorials you will understand a large part of the build of that demo

try out the tutorials, if you have questions about those I'll be happy to assist
I also hope to release new tutorials soon
at the moment most of my time has gone into working on a JMPv3.0 b5.1 update

jor_aniMateMASTERPACKv3.0 build 5.1 update

*NEW* in JMPv3.0 build 5.1 update:

01. changed: module | scroll - prop. target | window - "window" internal converts to "body"
02. changed: module | scroll - renamed code mod. | preblock to preblock | run on call
03. changed: module | scroll - renamed prevent | active to preblock | prevent active
04. enhanced: module | scroll - prop. prevent active now works on "id" and "name" (bookmark)
05. removed: module | scroll - prop. prevent | save lock removed
06. new: module | scroll - new option - scroll animation vs mouse-wheel (break/disable)
07. new: module | reposition - fullwidth - minimal on true/center - optional by callback
08. new: module | onscroll - new option - object abides horizontal scroll
09. enhanced: module | onscroll - command "self" abides repositioning by - module | reposition
10. fix: module | OnEvent - mouse-wheel fixes for IE + Chrome (body)
11. fix: module | nivo - easing vs active pager easing
12. additional: some other minor improvements

================================================================

ALSO 3 *NEW* TUTORIALS AVAILABLE

01. module | draggable - basic setup
02. module | scroll - basic setup
03. module | nivo - basic setup

IMPORTANT: for a correct functioning of the - online tutorials/demo downloads - the new JMPv3.0 b5.1 update is REQUIRED!

================================================================

for full update history, demos, tutorials and download see top post

Wooow, so much good stuff. Thanks for your hard work.