Mega Slider

MegaSlider is responsive slider module with touch-swipe navigation. You can add text, image or video to your slider. With a friendly admin user interface and power timeline manager, MegaSlider is highly customizable slider for Drupal 7.

Demo item animation and slide transition.

Frontend Features

• Touch navigation for mobile and desktop
• Slide is reponsive, it shows best on all desktop and mobile browser
• You can add YouTube and Vimeo videos in slide
• Preloads images.
• Move or fade transition for slides.
• SEO optimized
• Custom effects for each object (text, image or video)
• Cross browser: Slider was tested on IE8+, Firefox, Safari, Opera and Chrome

Backend Features

You can view how it work here

• Easy to use admin area with drag and drop
• You can add font from Google webfont
• Set custom effects, start time, stop time and delay for each object via timeline manager.
• Option to create styles
• Duplicate object and slide Function
• Works with Drupal 7.

Slide Items Panel

Tools panel

Timeline panel

Credits

• CSS3 animation created by Dan Eden
• Magic CSS3 animation
• Slit slider
• jQuery UI

Change logs

8.x-1.4 (Oct 19, 2018)

 - Support Drupal v8.6.x - Support link redirect for each slide in settings - Fix multi instance of one slider on the same page - Effects bug fixes 

7.x-2.25 (Oct 19, 2018)

 - Support link redirect for each slide in settings - Effects bug fixes - Change jQuery from 1.4.4 to 1.7.2 in slider backend 

Change logs

8.x-1.3 (Jan 3, 2018)

 Add goole font in edit slider form Bug fixes:  - Slide in right/ left/ up/ down effect  - Error md-slider field with no slider 

7.x-2.24 (Jan 3, 2018)

 Add background video Bug fixes:  - Slide in right/ left/ up/ down effect  - Error with jQuery 2.x  - Show loading when images loading  

8.x-1.2 (Nov 2, 2017)

 Bug fixes: - Google font error with italic style - Fix curtain transition 

7.x-2.23 (Nov 2, 2017)

 Bug fixes: - Google font error with italic style - Fix curtain transition  New feature: - Option to auto play video 

8.x-1.1 (Oct 20, 2017)

 bug fixes: - Background color bug - Transition bug with background color 

8.x-1.0 (Oct 6, 2017)

 bug fixes: - fix error background image width - fix error background image not full on mobile - fix bug Undefined variable: fid - fix js for drupal 8.4 and jquery 3.x 

7.x-2.22 (Oct 6, 2017)

 bug fixes: - fix transition - fix error background image width - fix error background image not full on mobile 

8.x-beta1 (Mar 7, 2016):

 Update for Drupal 8: user do not have to clear cache after create slider to view block. 

Version 2.19 (Nov 17, 2015):

 Bug fixes:  - CMD+click bug in chrome/safari in MACOS - Slide image height 

Version 2.18 (Jul 7, 2015):

 New features: - Add overlay background settings - Add class settings - Config hide layout in mobile Bug fixes:  - Update jQuery libraries functions - Fix youtube video 

Version 2.17 (Mar 8, 2015):

 New features: - Show hide some of the content if it is a mobile device Bug fixes:  - Fix field md_slider and link config - Cloning slides causes duplicated layers  - Bug related to the open sans condensed google font 

Version 2.16 (Dec 6, 2014):

 New features: - Add image background alt attribute Bug fixes:  - Padding item Text - Media module alpha4 

Version 2.15 (July 22, 2014):

 Bug fixes:  - IE9 keep object in slider - Migrate js bug 

Version 2.14 (July 22, 2014):

 Bug fixes:  - Default object appear (from fadeIn to none) - Responsive error from small to larger screen 

Version 2.13 (July 9, 2014):

 - Add target option for link object - Bug fixes: choose slide image 

Version 2.12 (June 25, 2014):

 New features: - Add disable single slide Bug fixes: - Thumbnail scroll - Text shadow - Show pause on hover option 

Version 2.11 (April 25, 2014):

 Bug fixes: - embeded video in https - transition effect for slide use background color 

Version 2.10 (April 21, 2014):

 New features: - use color as slide background - change colorpicker to spectrum NOTE: Please run update.php after update module source code 

Version 2.9 (March 27, 2014):

 Bug fixes: - priority css for index layer - default background - responsive for slider fullwidth 

Version 2.8 (March 21, 2014):

 New feature: - Add custom field for MD Slider Update document Bug fixes: - Opacity - jquery_update module conflict - Export bug - Anchor in item link 

Version 2.7:

 Bug fixes: - Fix double html encode - Fix unactive tab still play slide item 

Version 2.6:

 Bug fixes: - Single quote in text object - Quote in admin - Fix htmlentities with UTF-8 encode - Fix bug image not found 

Version 2.5:

 Bug fixes: - Missing alt in image tag - Remove puffIn & vanishIn effects - Vimeo video error in lightbox - Text link error - Minor bug fixes 

Version 2.4:

 Bug fixes: - Export thumbnail image - Update loop and generate_css_file options - Re-add show video in lightbox - Minor bug fixes 

Version 2.3:

 Please run update.php after update. New features: - New slide transitions - New object effects   + Effects in: foolishIn, puffIn, twisterInDown, twisterInUp, swap, swashIn, tinRightIn, tinLeftIn, tinUpIn, tinDownIn, vanishIn   + Effects out: bombRightOut, bombLeftOut, foolishOut, holeOut, puffOut, swashOut,  tinRightOut, tinLeftOut, tinUpOut, tinDownOut, vanishOut - Option to render css file for each slideshow Bug fixes: - Disable swipe vertical in touch device error - Minor bug fixes 

Version 2.2:

 Bug fixes New features: - Add option to show next/prev button on touch device - Option choose play video with lightbox 

Version 2.1:

 Bug fixes New features: - Import & Export - Link object - Choose slider loop or not - Add option to keep object at last item (stop animation)