www.wysiwygwebbuilder.com

jor_anibanner 4.0



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

create animated banners, intros or interactive slideshows etc in flash style ... now completely re-vamped
jor_anibanner update 2 is almost a complete rewrite! (core code is the same)
some of jor_anibanners features ...

01. multiple instances per page
02. 6 zones
03. mouseover overlay and link
04. 25 pre-defined effects
05. NEW: create unlimited variations of the 25 pre-defined effects
06. NEW: create unlimited multi effects (combine scale-skew-rotate-opac-left-top)
07. NEW: completely external event driven (next/prev/pager/autoplay-forward-backward-stop)
08. NEW: callback on load/stop/ - before/after (specific or all steps)
09. NEW: optional set zone content directly by WB Image Objects (Image-TextArt-ClipArt-Merged-etc)
10. NEW: url for each zone on each step
11. NEW: pause on hover container
12. NEW: visual play/stop state by WB Text Object
13. NEW: visual counter display by WB Text Object
14. many more enhancement, addings and changes (see complete update history below)

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

DEMOS jor_anibanner: visit jorextensions.com
DOWNLOAD: jor_anibanner

Builder: jordan (6j6)
Additional code: jordan (6j6)
Code: mary lou (codrops)
EB version: 4.1.0
WB version: 8+
jQuery lib: 1.7.2/1.9.1/1.11.1
W3C valid: Html, Xhtml
additional: jquery.transform-0.8.0.min.js/-0.9.3.min.js (hey grady) https://github.com/heygrady/transform/wiki/
License: released under the MIT and GPL licenses

HISTORY:
-#-#-#- update 1: -#-#-#- 22/jul/11
01. fixed: style end breaks external css style sheet

-#-#-#- update 2: -#-#-#- 20/jan/13
01. fixed: stopped working under WB8
02. new: now completely event driven (next/prev/pager/autoplay-forward-backward-stop)
03. new: callback on load/stop - /before/after (specific or all steps)
04. changed: step speed is now autoplay delay (functions independent from animation speed)
05. new: autoplay direction (forward - backward)
06. changed: overlay url path - formerly Javascript:void(0)
07. changed: automatized - zone image automatic blank - formerly jor_aniban.gif
08. changed: automatized - container dimension is now set by the extension dimension
09. changed: automatized - overall animation speed automatic corrects individual effect speed
10. changed: automatized - zone width can not pass container width
11. changed: automatized - removed move to image (simplified setup - step=image) + auto cycle
12. added: alert window if zone image is below step total
13. added: alert window if step insert is below step total
14. changed: easing uses internal jQuery UI
15. new: pause on container hover
16. new: test color for each zone (+ enable/disable zone)
17. new: zone image can optionally directly be set by WB Image Object (by ID)
18. new: each zone can have an url assigned for each step
19. new: autoplay play/stop state visual display by WB Text Object
20. new: step counter visual display by WB Text Object
21. new: create unlimited variations from the 25 default effects
22. new: create unlimited custom multi effect (combine scale-skew-rotate-opac-left-top)
23. additional: many more internal enhancements ...

-#-#-#- update 3: -#-#-#- 15/sep/13
01. fix: compatible WB9 - jQuery 1.9.1 (transform080/093++fix)

-#-#-#- update 4: -#-#-#- 21/dec/14
01. fix: IE image src correction (WB10)

Almost but a preview . .

Great looking demo Jordan,

Like it very much indeed

Hans

Whaoouuu ! I think i'm ganna love this !
Thx by advance !

hehe THX haakoo & FredericP … almost ready, just some dots on the "i"s . .

jor_anibanner released!

. .

Thx a lots ! I will try it soon !

mrddixon wrote:DOPE!
time to spend hours of playing around with this

it is a fun extension indeed, glad you like mrddixon . .
if you come across any questions just shout out!

hello Profesjocom,

TNX great you like …
… as you can see from the demo example there is no "HEAD>" floating around
also the jor_anibanner_easystart.wbs does not display a "HEAD>" … does it with you ?
have you inserted any custom code ?
could you please put up a live example of the problem so I can look at the page ?!

jor_anibanner_update 1

see top post for update history …

hello Profesjocom,

it's the use of external css style sheet that breaks the code . . ?
… well uuuh "style end" actually (strange?) … anywayssss
please download jor_anibanner_update1 at the top post … it should be fixed now

cheers!

jor_anibanner update 2

01. fixed: stopped working under WB8
02. new: now completely event driven (next/prev/pager/autoplay-forward-backward-stop)
03. new: callback on load/stop - /before/after (specific or all steps)
04. changed: step speed is now autoplay delay (functions independent from animation speed)
05. new: autoplay direction (forward - backward)
06. changed: overlay url path - formerly Javascript:void(0)
07. changed: automatized - zone image automatic blank - formerly jor_aniban.gif
08. changed: automatized - container dimension is now set by the extension dimension
09. changed: automatized - overall animation speed automatic corrects individual effect speed
10. changed: automatized - zone width can not pass container width
11. changed: automatized - removed move to image (simplified setup - step=image) + auto cycle
12. added: alert window if zone image is below step total
13. added: alert window if step insert is below step total
14. changed: easing uses internal jQuery UI
15. new: pause on container hover
16. new: test color for each zone (+ enable/disable zone)
17. new: zone image can optionally directly be set by WB Image Object (by ID)
18. new: each zone can have an url assigned for each step
19. new: autoplay play/stop state visual display by WB Text Object
20. new: step counter visual display by WB Text Object
21. new: create unlimited variations from the 25 default effects
22. new: create unlimited custom multi effect (combine scale-skew-rotate-opac-left-top)
23. additional: many more internal enhancements ...

for full update history, extra nice demos and download see top post

jor_anibanner update 3

01. fix: compatible WB9 - jQuery 1.9.1 (transform080/093++fix)

for full update history, extra nice demos and download see top post

Hi,

Not sure if I am doing something wrong (probably), when I have a slide in/out animation it continues off the screen.

Example here: http://www.shadowsupport.co.uk/index2.htm

Aaron

hi Azz25,

there seems to be a conflict of scripts running on your page - (easing errors)
I have no idea what is causing it, could you please try jor_anibanner as you have set it up in a new blank project
copy, paste, new blank project - does it run correct alone ?

jor_anibanner update 4

small update (fix):
01. fix: IE image src correction (WB10)

for full update history, demo and download see top post