Tiny Bubbles

TinyBubblesRELEASE VERSION: v1.1.0 for Joomla 1.5, 2.5 & 3.x

Upgraded new version (v1.1.0) that now supports both 'Relative' and 'Absolute' image path.

Tiny Bubbles © 2012 by GraphicAholic is a GPL Joomla! J1.5 & J2.5 module. Use Tiny Bubbles to splatter any PNG image across your Joomla website from several different screen locations. There are seven different effects engines you can choose ranging from Center Only, Left Only (demo page), Right Only, Left & Right, Center & Left, Center & Right and the grand daddy of them all... ALL ENGINES ON! Each effects engine has its own collection of module settings that allow you to customize and create your very own personalized effect. Tiny Bubbles uses the jQuery Library script that must be loaded through the module settings or from another jQuery application you currently have installed. Tiny Bubbles will not bring about world peace or stop global warming... sorry, I'm still working on that extension! It will however splatter a little fun across your Joomla website. Give it a download (it's FREE), take it for a test drive and if you’re having fun with it, 'pop-it' a review. Enjoy!

FAQs

Requirements

Install module using native Joomla installation adjust settings, do not display title, select a module position (debug works the best) and enable. This module is driven by the jQuery Library script and demands that the script be loaded to function. I have provided a Load jQuery as an option (default set to 'No') that you may or may not need to set based on your Joomla site's configuration or installed extensions.


Settings

Initial release version 1.0.0, we are offing a number of user settings;

  • Load jQuery? By default we have this option set to No. If you do not have another application calling up the jQuery Library, change this setting to Yes.
  • Front or Back - By default this option is set to Background. Based on the template your using this option setting forces your images to go behind content. If you want your images to float over your entine template content, select the Foreground option.
  • Image Path - Set this option to 'Absolute' if Tiny Bubbles is working but not showing your selected images.
  • Effects Direction - With this drop-down you will set what screen position to place the effects engine. There are seven (7) available option settings, Center Bottom, Left Only (demo page), Right Only, Left & Right, Center & Left, Center & Right and the grand daddy of them all... ALL. This option setting will turn on ALL of the effects engines!
  • Choose Center Image - This drop-down reads all of the images within the '/modules/mod_tinybubbles/images' for you to choose from.
  • Center Image Count - Manually adjusting this setting (default 100) will generate more or less images coming out of the center effects engine.
  • Center Image Gravity - Manually adjusting this setting (default 100) will put more or less gravity effect on your image from the center effects engine.
  • Choose Left Image - This drop-down reads all of the images within the '/modules/mod_tinybubbles/images' for you to choose from.
  • Left Image Count - Manually adjusting this setting (default 100) will generate more or less images coming out of the left effects engine.
  • Left Image Gravity - Manually adjusting this setting (default 50) will put more or less gravity effect on your image from the left effects engine.
  • Choose Right Image - This drop-down reads all of the images within the '/modules/mod_tinybubbles/images' for you to choose from.
  • Right Image Count - Manually adjusting this setting (default 100) will generate more or less images coming out of the right effects engine.
  • Right Image Gravity - Manually adjusting this setting (default 50) will put more or less gravity effect on your image from the right effects engine.
  • Advanced Options Tab - Clicking this tab will allow you to choose to cache this module (Joomla core code).


To use this module, just install it and set your personal settings. Since Tiny Bubbles does not use a specific module to reside in, you can choose any active module position that your template supports. I have found that 'debug' works the best and please make sure that you have Show Title set to 'No'. Once this is done, enable it and based on your settings, you'll see Tiny Bubbles doing it's magic all over screen.

Misc.

I have included within this installation five (5) 128px by 128px icons you can use to get started. The relative path to these icons is;

modules/mod_tinybubbles/images

The filenames are, bubble.png, bunny.png, heart.png, kiss.png & solidheart.png. Some of these icons are available from DryIcons and you can download additional icon sets from them at http://dryicons.com/free-icons/

SUPPORTED BROWSERS: IE7+, FireFox, Safari, Chrome


Credits

Tiny Bubbles is based on Christian Goldbach's (http://www.soyos.net) 'BubbleEngine - jQuery Plugin (v1.0)' that was modified to function within Joomla 1.5 & 2.5 as a module by GraphicAholic.

 

Back to top