Church

Children’s Ministry

Kidz Church is the children's ministry at Hope International Church Phuket . We strive to teach our children to put Jesus first, then others, then themselves. BIG, BIG things are happening in Kidz Church Hope International Our motto is,  "Ordinary kidz doing extraordinary things through the power of God's Word"

We believe the children of Phuket International Church have been placed in our ministry by the sovereign hand of God. The Children's Ministry takes seriously the opportunity God has given us to impact their lives for eternity. As we teach children the following biblical truths, we will love each child unconditionally just as Christ loves each one of us:

• We believe it is important for children to love God. We teach them to live lives that are pleasing to God.
• We desire for the children to love Jesus, their Savior. The Scriptures lovingly describe how parents would bring their children to Jesus for Him to bless and how Jesus said we must become like little children if we are to enter the kingdom of heaven (Matthew 18:3). It is a privilege for us to share with children that Jesus is the Son of God and that He died for our sins, rose from the dead and will return for them.
• We also want them to love the Bible. Children learn that the Bible is the Living Word of God, the absolute truth and the standard by which they should live. They also discover that God's Word is fun to read and describes how much God loves them.
• We strive to teach our children to put Jesus first

Minimoo2 Gallery

Minimoo2 is a completely rewritten version of our previous image slider - Mini Moo Gallery. Minimoo2 uses Jquery and a much smarter way to load images into the gallery which make creating a sliding image gallery almost effortless. Minimoo2 uses jQuery in no conflict mode so it should work with any other script. MiniMoo2 is available for download for all of our template club members.

You can see the Minimoo2 joomla gallery in action in the right sidebar. The images in the demonstration are from the collection of Len Metcalfe.

Minimoo2 features include:

• Minimoo2 uses jQuery in no conflict mode
• Load unlimited images into the module automatically from a folder on your webserver
• Smart Image resizer from Shifting Pixel resizes one image to create thumbnail and main images.
• Easy setting of cropping ratio to crop images to fit desire width or height.
• Your choice of prettyPhoto and Thickbox, open in new window, open in same window as options to display the original image when the image is clicked.
• Belated PNGFix built in for prettyPhoto.
• 31 transitions using the jQuery easing script.

Setup:

The setup for Minimoo2 is relatively easy. Please follow the steps and explanation of the settings below in order to make sure the installation and setup goes smoothly.

Scripts

1. Install Minimoo2 as you would install any other extension in Joomla 1.5.
2. Select whether you would like to include all of the scripts necessary to run minimoo2. Set this option to yes unless you have removed the references to the javascript and css and referenced it via the index.php file in your template.
3. Include jQuery if your template doesnt already include jQuery. An easy way to test this is to view the source of your website and do a search for the work jquery.
4. Include Css if you havent moved the references to the scripts or moved the contents of the minimoo2.css file to your template_css.css file.

Folder and basic module setup

1. Select the directory for your images. This is the relative path on your web server.
2. Select the subfolder path only if your site is placed in a subfolder on your site. eg if your site url is www.example.com/joomla then you need to place joomla/ in this field. If your site is in a subdomain then there is no need to enter a value here.
3. Width of the module corresponds to the overall width of the module.
4. Height of the module corresponds to the overall height of the sliding area.

Lightbox, link action and transitions:

1. Action to occur when main image is clicked - options include none, opens in a new window, opens in the same window, thickbox lightbox, prettyPhoto lightbox.
2. Enable pngFix - is used forprettyBox only. This option includes the belated PNG fix and will only have an effect on transparent images used onthe prettyPhoto overlay.
3. Speed of the transition - Defines how quickly the image moves from the current slide to the next.
4. Extended transitions - Set this option to yes if you want to use any transition other than the default transition (swing). If set to no the jQuery easing script is not loaded which reduces the module footprint.
5. Transition type - 31transition types to choose from.

1. Width of the thumbnail images sets the width of the first row of images - final output will depend on the ratio value below.
2. Height of the thumbnail images sets the height of the first row of images - final output will depend on the ratio value below. .
3. Cropping Ratio for width - controls the ratio of the width of the thumbnail images.
4. Cropping Ratio for height - controls the ratio of the height of the thumbnail images.

1. Width of the main images sets the width of the first row of images - final output will depend on the ratio value below.
2. Height of the main images sets the height of the first row of images - final output will depend on the ratio value below. .
3. Cropping Ratio for width - controls the ratio of the width of the main images.
4. Cropping Ratio for height - controls the ratio of the height of the main images.

Module parameters:

JB Slideshow v3.0

The JB Slideshow3 is a significant update to our previous Slideshow2. We have effectively rewritten the code and cut it in half making it a very slick, lightweight content fading, sliding, scrolling module for Joomla. We've added quite a few features to the slideshow and its implementation is slightly different also so if you are used to using JB Slideshow be sure to check the instructions below because they have changed.

You can see the slideshow in action above in the strip displaying in a newsticker format.

The slideshow is very versatile and can operate as a simple ticker or as a full scale slideshow with images and navigation. See the Sketch and Elevate Templates for more examples.

Naming your images.

The first difference that you'll find is the naming convention for the images.

In the JB Slideshow2 images are given image names that following a numbering system as follows: header.jpg, header2.jpg, header3.jpg and so on.

Whereas the JB Slideshow3 selects the names to display according to the name of the content item you want it to appear with.

So on the demo site you can see the first content item that appears is titled "IyengarandHathaYoga.jpg" - notice how there are no spaces in the name of the image but the capitalisation is respected (Keeping the capitals as per your titles is important on most server setups).

Positioning of the Elements.

The slideshow is made up of three basic elements which include the slideshow image, the text and the navigation circles. The position and the dimensions of these elements are controlled in the module admin by using absolute positioning which means you have ultimate flexibility in creating your own layout for the content, image and navigation buttons.

The positions we have created on the demo site and that you see in the parameter screenshot below are just an example of how you might be able to set the module up.

Other Features

The slideshow also incorporates some great looking and unique animations as a way of making your text and images fade and slide across the screen. The animations available include:

• Fade
• Scroll Up
• Scroll Down
• Scroll Left
• Scroll Right
• Slide horizontally
• Slide Vertically
• Turn Up
• Turn Down
• Turn Left
• Turn Right
• Zoom
• Fade and Zoom
• Curtain Horizontally
• Curtain Vertically

Module Parameters

Here is a screenshot of the parameters available in the module as well as the settings required to replicate the display of the moduel on the front page.

Setting up The Grid Template

This article outlines the steps required to replicate the layout and configuration of the demo site.

Read more: Setting up The Grid Template