Carousel Flow Gallery 4.5
1.  Introduction
     Carousel Flow is a Ready-to-Use-and-Deploy Ajax image Gallery application which allows an intuitive image handling.  The basic idea is to digitally animate the thumbing through a physical image stack. The intuitive handling is automatically caused by the metaphorical use of the well known process of thumbing through.

     This solution is known as the Cover Flow technique, which has been developed by the artist Andrew Coulter Enright. Now - after it has been bought by Apple - it is used in iTunes and the file browser of Apples OSX..     

      There are two modules in this package: ”Image Flow Gallery” and “Image Flow Category”.  “Image Flow Gallery” module is used to display gallery and “Image Flow Category” module is used to provide category list navigation for gallery module instance.

     Visit  http://www.dnnmodules.cn/tabid/61/Default.aspx to see live demo,please be patience for the network connection.

2.  Change log

       New in v4.5
        : File sort while dynamic generate from folder. You can sort images by file name/modify date/file size.        


        :Reflection background color customize supported.  You can control reflection background color by provide RGB color values.


          New in v4.3
        : Added image width/height properties to full compatibility with the Internet Explorer.
        : Added iPhone and iPod Touch support.
        ; Added navigate button option (previous and next buttons)
        : Added disable link option to prevent image link to null url.
        : Packaged css and javascript file to reduce file size.

         New in v4.1
       :Added aspectRatio option (adjusts the relation between the height and width of the ImageFlow container!)
       :Added options to adjust image relations: imagesHeight, imagesM, percentOther, percentLandscape 
       :Added scrollbarP option
       :Improved image resampling with the IE7 (enabled bicubic image resampling)
  
      New in v4.0
     : New “Image Flow Category” sub module added.
     : 9 options added (preload Images/captions/link target/show scrollbar….). 
     : Template supported.
     : Compress js files(now only 10kb)
     : Multiple instances in same page supported
     : Url parameter(FolderId) supported. 
     : Enhance high slide support.  
      If “high slide effect“ is checked. You can single click the centered image or double click any image in the gallery and it will highslide. The highslided image can be arranged by drag 'n drop anywhere on the website.    Note, it will override image link property. 

   
3.  Carousel flow gallery module featues

     3.1.  Automatic create reflection to generate 3d effect.
      Module will generate 3d like effect by creates a reflection of image. A 'reflection' being in the Apple OSX style as seen in iTunes. This is also known as a 'wet floor'. 

     3.2.   Carousel and flow effect.
      When click each image or move your mouse wheel, image will rotator with carousel and flow effect. You can also drag the scroll bar to move image item.

       Note, each image can has a link url property which can link to external url or site page (or site file). It will navigate to its link url if you double click image.  The link url can be opened as self window or in new window.
     
     3.3.   AJAX support
      All image rotator actions are done by client side, it doesn't raise postback.

     3.4.   Auto resize
      Gallery will auto resize to fit different screen and container.

      3.5.  Different image list support.
      It supports image list type include:    
      A:Dynamic generate from   folder      B:Customize Image list       C: Using existing xml     


     
      3.5.1. Dynamic generate from folder
      It is a amazing feature which enables  you create gallery in just one minute. Simply specify a folder, It will  automatically scan it and its sub directories(if recursive option is checked), picking up all the images files and build gallery for you. Whenever your image file(or directory) is changed,it will automatic refresh. It makes things more easy because all you need to do is select a specific gallery folder , and then maintain its folder structure and files through other tools(like ftp software), gallery will automatic changed.

                                  Dynamic generate from folder

      3.5.2. Customize image list
      Customize image list allows you define image one by one. Each image has its own title and link url. You can also select a folder ,and add all iamges under it.

                                 Customize image list   1  - image list


                             Customize image list   2  - add single image and add folder

     3.5.3 Using existing xml  
      You can also play gallery based existing xml which generate by other 3d carousel flow gallery module instance.

4.  Carousel flow category module featues
      
      4.1 Introduction
      Carousel flow category is an independent module which provides category list navigation for  gallery module instance.   Each category corresponds a folder under portal site. It has properties like title, image, and description. Click category item will display images under this folder ( including its sub directories ) on silverlight photo gallery module instance. This module can be put on the same page with carousel flow gallery module instance, or put on different page ( In this case you need specify which page the carousel flow module instance exists ).

     This sub module is very useful when you have multiple galleries. In previous edition you need add different gallery instance for each gallery. Now you only need one instance by using “Carousel flow category” sub module.

 
     4.2 Customize url parameter
     Besides using “Carousel flow category” module, you can also customize your own url parameters by provider  “FolderId” and “GalleryTitle” parameters.  For example, if  gallery module instance  is http://www.DnnModules.cn/tabid/300/default.aspx, and you have a folder which id is 700, then input http://www.DnnModules.cn/tabid/300/FolderId/700/default.aspx   will display images under this folder,  and http://www.DnnModules.cn/tabid/300/FolderId/700/GalleryTitle/Ok/default.aspx, will display images and change module title as “OK”.

     4.3 Control options
     Each category corresponds a folder on your site.It has properties like title,image,description. You can control whether to show them in list, you can also control how many categories display in one row.     
    

                                     
5.  Other highlight features
      Powerful yet easy to use 
      Uses the asp.net 2.0 wizard control to easily guide you step by step. All you need to do is follow the wizard, click “previous” or “next”. It’s as easy as ABC.
   
     Template based 
     All view interface are template based. You can customize your  own display template, change item  layout or add additional information as your wish.

      Localization support and online help support
       All settings are self-explanatory utilizing the standard DNN help menu system.
         
6. Upgrade policy
     All modules from DnnModules.cn are customer-driven, v4.5 is the 8th generation of this product(v3.0/v3.2/v4.0/v4.1/v4.2/v4.3/v4.4/V4.5). We have received many suggestions from our customers since the first release, this module can't be making out without customers help . As a return to their favor, we carry a long term policy as to offer 100% upgrade discount to customers who bought the previous version.

    We strongly recommend customers to upgrade to v4.5 version. You can also download this version from patches and fixes if you order previous versions.

7  Help and support
      Package contains a user guide.doc for details on how to use this module.

      Online help available through the standard DNN help. 

      Visit our support forum  for any questions regarding issues with this module.
    
      Using Snowcovered help ticket syetem to submit your question.
     
     Mail us at xiaoqi98@msn.com if you need more directly assistance(or if you have any improvement suggestion)

8 Version Difference

	Carousel Flow Gallery 4.5	Enterprise Edition	Enterprise Edition W/src
Private Assembly	Yes	Yes	Yes
Module Source(c#)	No	No	Yes
Production Installation License(PIL)	1 PIL with unlimited sub portals	Unlimited PIL	Unlimited PIL

9 DNN Version Compatibility
    Dnn 4.x/5.x

10 Faqs
   Q.  How can I change gallery background color?
   A.  In “General settings – general – gallery style” , change background color string as your wish , for example, change “background-color:#000”  as “background-color:#fff.

    Q.  How can I change image reflection background color?
    A. In “General settings – reflection background”, change Rgb value to generate different color of reflection background color.

    For example ,change rgb color as 125,125,125 will generate gray reflection background as below.