Photo Rotator jQuery plugin

Photo Rotator jQuery plugin

Released 7 years ago , Last update 7 years ago

Easy to use photo rotator jQuery plugin with transitions and navigation controls

Photo Rotator JQuery plugin is a easy to use JQuery plugin for web developer to build Javascript gallery on their web application. The plugin can be driven by xml. Easy setup and only minimum programming knowledge is needed. Best to showcase your photography.

Highlighted features:

  • Driven by xml or arrays
  • 3D Transition Effects (support in Safari)
  • Easy to setup
  • Slide show controls
  • Easy customization
  • Compatible with IOS mobile safari

Create a gallery with default settings

$('#gallery_1').dcThumbnailGallery({
'source':'images/gallery.xml'
});

Create a gallery with custom settings

$('#gallery_2').dcThumbnailGallery({
        'source':'images/gallery.xml',                                                                          
        'settings':{
                'gallery':{             
                'titlePosition':'top',          
                'thumbnailEnabled':false,               
                'thumbnailSize':20,             
                'controlThemeColor':'#000000',
                'controlThemeAlpha':40,
                'resizeMode':5   
                },
                'basic':{                                                       
                'backgroundColor':'#333333',
                'themeColor':'#000000',
                'themeTextColor':'#FFFFFF'
                }
        }
});

More properties

'settings':{
        'gallery':{             
        'titleEnabled':true,          // Enable/disable the title
        'titlePosition':'top',        // The position of the title

        'thumbnailEnabled':true,      // Enable/disable the slide controls              
        'thumbnailSize':20,               // The size of the thumbnail.

        'navigationEnabled':false,        // Enable/disable the slide controls
        'controlThemeColor':'#000000',// The color of the controls
        'controlThemeAlpha':40,       // The alpha of the controls

        'transitionType':'random',    // Set the transition type
                                      // 'slide' : sliding out left/right
                                      // 'flip'  : 3d flip
                                      // 'slideup' : sliding up/down
                                      // 'swap'  : 3d swap
                                      // 'cube'  : 3d cube
                                      // 'pop'   : pop up
                                      // 'fade'  : fade
                                      // 'random' : random
                                      // *3D transition only supported by Safari

        'resizeMode':0                // Set the resize mode of main image
                                      //        AUTO            :0
                                      //        AUTO_WIDTH      :1
                                      //        AUTO_HEIGHT     :2
                                      //        STRETCH         :3
                                      //        AUTO_FILL       :5      
        },
        'basic':{                                                       
        'backgroundColor':'#333333',  // Set main background color
        'themeColor':'#000000',       // Set the overall theme color
        'themeTextColor':'#FFFFFF',   // Set the overall theme text color
        'themeAlpha':100,             // Set the overall theme background alpha

        'autoSlideShowEnabled':false, // Enable/disable auto start slide show
        'slideShowEnabled':true,      // Enable/disable slide show
        'slideShowInterval':5,        // Time between slide (sec);
        }
}

Pricing

14 day 14-day money-back guarantee

$6.99

Personal License

  • Perpetual license

  • 1 site, unlimited servers

  • No distribution (hosted use only)

  • Commercial use

1 license From » $6.99 View Licenses

Get A Quote

What do you need?
  • Custom development
  • Integration
  • Customization / Reskinning
  • Consultation
When do you need it?
  • Soon
  • Next week
  • Next month
  • Anytime

Thanks for getting in touch!

Your quote details have been received and we'll get back to you soon.


Or enter your name and Email
No comments have been posted yet.