1. **NEW** JA Nuevo - August Joomla template - now available [ Info ] [ Demo ] [ Download ] [ Review ]


    **HOT** Best Support Guy - Vote, Comment & Win [ Vote ]


    **NEW** JM TravelGear - August Magento Theme released [ Info ] [ Demo ] [ Download ] [ Review ]


    8 more tutorial videos on developing with T3 Framework [released]


User Tag List

Closed Thread
 
Results 1 to 9 of 9
  1. #1
    Administrator Hung Dinh's Avatar
    Join Date
    Apr 2006
    Posts
    4,312
    Points
    289,543.98
    Downloads
    6359
    Uploads
    3034
    Mentioned
    6 Post(s)
    Tagged
    1 Thread(s)
    Thanks
    241
    Thanked 3,164 Times in 793 Posts

    JA Animation Module Installation Guide

    JA Animation Module Installation Guide

    JA Animation module lets you enable image animation on your Joomla! site, rich backend with advanced features for nice effects and easy configuration.

    Step 1: Installation
    You follow simple steps below:
    1/ Install the module via Joomla Installer
    2/ Assign module to the position as you want
    3/ Enable the module

    Note:
    • Module Zip size is over 2 MB and the module will not install, until your PHP default upload setting ( 2MB ) is increased.
    • In some cases, the animation in user browser may increase the user side CPU usage.
    • Keep your module updated with the latest version

    Then, the module is instantly available in your front-end. If you are new to this stuff, follow detailed guideline below:
    ----How to install Joomla module


    Step 2: Configuration

    From the back-end of your Joomla site (administration) select Extensions->Module Manger, then click on module title JA Animationto enter configuration panel:

    Module Parameters:

    • Module Class Suffix: A suffix to be applied to the css class of the module(table.moduletable), this allows individual module styling. If first of anim module needed set module class suffix = ''_jaanim''
    • Select Animation Profile: Choose the animation profile you would like to show on the frontend. Each profile has optimized settings for best results.
      You can clone and edit the animation profile as per your need. Select profile and click Clone to customize it. Any way the default settings for that specific profiles are always available as reference for you.
      You can also delete profiles, however, there is no undo for this and you would need to reinstall the module or replace the default profile files in the ../modules/mod_jaanimation/profiles/

    Image path and Dimesions:



    Parameters Explanation:
    • Image Url: Default image set can be found at ..modules/mod_jaanimation/assets/images/ choose one of them or add yours there
    • Zindex: You can assign each element a number (z-index). The system is that an element with a higher number overlaps an element with a lower number. Change this only if your animation image or tooltip hides behind other elements of your site.
    • Width: Set width of image
    • Height: Set height of image

    Animation Settings:



    Parameters Explanation:
    • Direction: Choose direction for animation
    • Move Type: choose animation movement pattern
    • Radius: Radius (apply for move type = sine) @exm: radius = 30
    • Preset Position: Preset position: array of many nodes (x,y)
      Exm: (100,200)(300,50)(500,200)
    • Delay: Step delay: delay time beetween of animating to a position
    • Origin Pos: Origin Position (X:Y)
    • Begin Pos: Begin Position (X:Y)
    • End Pos: End Position (X:Y)
    • Repeat: Choose how to Repeat the animation pattern.
    • Speed: Moving speed in px/s.
    • Use Multi Frame Images: Yes/No option to use multi frame images. This will work only with multi-frame images such as flying Pumpkin which consists of over 45 frames, shown in rapid sucession to create the flying pumpkin effect
    If select Yes option
    • Frame Size: while creating multi-frame images use fixed frame size. Enter the frame size value here.
    • Frame Items: Number of frames in the Multi-frame image.
    • Frame width: Width for each frame (when use multiple frame image )
    • Frame Order: If the frames in your images are set vertical, then choose vertical. If your image frames are horizontal, choose horizontal here.
    • Change Speed: Set frame speed in milliseconds

    Tooltip settings:


    • Show description: Show tooltip on mouseover on the animated image.
    • Tooltip offset : Tooltip offset (X:Y)
    • Description Parameters: Limited HTML support

    Screen and Image position settings:


    • Set Module Position:
      If set to absolute with the module position, the animated image would only be seen within the assigned module position and is in the focus of the user screen.
      If set Absolute with the page: the animated image will be animated across the whole page as defined in the animation settings. Unlike above it will NOT be restricted to the module dimensions.
      If set Absolute with User Screen: The animated object will auto scroll and stay in focus on user screen.

    Advanced parameters:



    See how it works in demo site:



  2. #2
    Licensed Member Expired
    Joomla Developer Membership - Renew 1 year Expired

    Join Date
    Apr 2010
    Location
    Czech Republic
    Posts
    71
    Points
    497.38
    Downloads
    3660
    Uploads
    0
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    1
    Thanked 13 Times in 11 Posts
    nice tutorial, thanks

  3. #3

    JA Job Board [Professional] [JA Job Board Component] ExpiredJoomla Extensions Club - 1 Year ExpiredJoomlaTemplate Club Member - Personal License - Renew 1 Year Expired

    Join Date
    Apr 2010
    Posts
    71
    Points
    328.03
    Downloads
    515
    Uploads
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    18
    Thanked 4 Times in 3 Posts
    If this module work with other JA templates ? for example JA Social ?

  4. #4

    JA Job Board [Standard] [JA Job Board Component] ExpiredJoomlaTemplate Club Member - Personal License - Renew 1 Year Expired

    Join Date
    Nov 2009
    Posts
    82
    Points
    621.92
    Downloads
    186
    Uploads
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    17
    Thanked 1 Time in 1 Post
    Thank you for module!
    I've one question regarding the this module. I've set snow animation for my website. But it snows as 1 image . How can i make this animation be like snowing 100 snows?

  5. #5
    JoomlArt Support Member JA Developer's Avatar
    Join Date
    Nov 2008
    Age
    29
    Posts
    7,980
    Points
    14,149.25
    Downloads
    2649
    Uploads
    0
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    1,715
    Thanked 1,886 Times in 1,627 Posts
    Quote Originally Posted by lucky93 View Post
    If this module work with other JA templates ? for example JA Social ?
    Hi,

    Yes, you can use this on other templates. This module is integrated in JA Events as complimentary extensions so that it might be restyled to fit yours.
    Please click "thank you" button when get right answer from others.
    If your problem has been solved find the best answer and click (Mark Best Answer)



  6. #6
    JoomlArt Support Member JA Developer's Avatar
    Join Date
    Nov 2008
    Age
    29
    Posts
    7,980
    Points
    14,149.25
    Downloads
    2649
    Uploads
    0
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    1,715
    Thanked 1,886 Times in 1,627 Posts
    Quote Originally Posted by mastaliyev View Post
    Thank you for module!
    I've one question regarding the this module. I've set snow animation for my website. But it snows as 1 image . How can i make this animation be like snowing 100 snows?
    Hi,

    In order to make 100 snows on your site, you have to create 100 animation modules and this seems be impossible as it will cause your computer pending...
    Please click "thank you" button when get right answer from others.
    If your problem has been solved find the best answer and click (Mark Best Answer)



  7. #7

    JA Job Board [Standard] [JA Job Board Component] ExpiredJoomlaTemplate Club Member - Personal License - Renew 1 Year Expired

    Join Date
    Nov 2009
    Posts
    82
    Points
    621.92
    Downloads
    186
    Uploads
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    17
    Thanked 1 Time in 1 Post
    so,how can i use snow animation then?

  8. The Following User Says Thank You to mastaliyev For This Useful Post:

    jjwijman (01-15-2011)

  9. #8
    Licensed Member
    Joomla Developer Membership - Renew 1 yearJoomlaTemplate Club Member - Personal License - Renew 1 Year Expired

    Join Date
    Sep 2007
    Posts
    22
    Points
    134.47
    Downloads
    369
    Uploads
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    3
    Thanked 0 Times in 0 Posts
    This may be traitorous , but Yootheme have a snow module that gets around the problem you describe.

    Can't remember if it costs anything, though.

    David

  10. #9
    Licensed Member Expired
    Joomla Template Club Member - 1 Year Expired

    Join Date
    Jun 2011
    Location
    Philippines
    Posts
    85
    Points
    185.19
    Downloads
    236
    Uploads
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    25
    Thanked 3 Times in 2 Posts
    any chance of the Flying Pumpkin for halloween to work on a Joomla 1.7.2 install using JA Social template for J!1.7? Spent a whole day on trial and error and still can't make it work. :-/

    No chance for me to disable mootools as both Kunena and JomSocial require it. Thanks for whatever help anyone can extend.

Closed Thread

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts

Stop working on Weekend!X

If your Boss broke your Joomla template or extension and ask you to fix it today. Here is the immediate solution. Then leave your request on the right forum, we will be helping after the Weekend Happy hours
Our Happy Hours: Friday 18:00 - Monday 9:00

No working during happy hours. Keep calm and don't break anything.