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)