Creative Juice Bo. Co. Presents

CJ File Browser is a file management system to allow you to view and modify a server's directory contents through the use of a web browser. It can be implemented as a plug-in with tinyMCE or work separately in standalone mode. With it you will be able to upload any file type (including images) as well as a limited ability to modify directories. Some of the actions you can perform are: upload files, delete files, navigate directories, create directories, delete directories and if the file is a supported web image (GIF, JPG or PNG) you will be able to see a small preview of the image.

The main interface is completely written using standard HTML and JavaScript. There is no Flash or Shockwave used! The actions the interface needs to perform are handed off to a Handler Engine System using AJAX calls. This allowed us to create a plug-in architecture to allow the use of multiple server technology. If the a Handler Engine Plug-In is not available for your particular language, then you can create your own by following the CJ File Browser 3.1 Custom Engine Guide on my blog.

CJ Image Video Previewer is meant to mimic the video preview boxes you see on many Video sites. It displays a block that contains an image thumbnail and when the user moves their cursor of the box, it dynamically loads and then displays a group of images in sequence. Kind of like a flip-book. This is an excellent way to provide an preview of the video, without the user actually downloading the video file.

CJ Image FlipBox v1.1.1 is a jQuery plug-in that displays a series of images based on the mouse position within the display box. The left-most side of the FlipBox displays the first image, where as the right-most side displays the last image. Moving between the two, displays any other images that fall between. This is an attempt to mimic Apple's iPhoto software and the way it displays events. As an added bonus, I actually took the time and tested it in the following browsers: FireFox 3.5, IE6, IE7, IE8, Safari 4. (Lesson learned from my first jQuery Plug-In!)

CJ Object Scaler will scale an object to either fit or fill within the boundaries of a destination object. I based this plug-in off another JavaScript project I made awhile back, you can read what it does in the CJ Image: Easily Calculate Image Scaling blog enry. It was a nice little function that would help you calculate the size and offsets to use when scaling an image to fit (or fill) within another element. It didn't actually do any scaling, per say, it merely provided you with the numeric amounts to use. The function introduced two scaling methods, Scale To Fit and Scale To Fill.

CJ Flashy Slide Show is a JQuery plugin that allows you to create a photo slide show that has some "flash-like" transitional effects. The plugin has various settings which you can manipulate to achieve a multitude of effects, such as sizing, timing, transparency and shape style. Integration is a snap, you basically create a set of images and wrap it within a simple container. Unlike most Flash solutions you do not need to create an external XML file or embed your images within a hard-to-change Flash project. As with all our projects, simplicity is the key.