Skip to content

jAlert v6.0.0 - Major Feature Expansion

Latest
Latest
Compare
Choose a tag to compare
@HTMLGuyLLC HTMLGuyLLC released this 03 Jul 23:52
· 4 commits to master since this release
v6.0.0
77315fc

🚀 Major Release - Complete Feature Overhaul

jAlert 6.0.0 represents a massive expansion with a complete slideshow system, enhanced video support, and comprehensive media handling capabilities. This release introduces significant new features while maintaining backward compatibility where possible.

✨ New Features

🎠 Complete Slideshow System

Revolutionary slideshow functionality with advanced features:

  • Image Navigation: Next/previous arrows, dot navigation, and number counters
  • Video Support: HTML5 videos and YouTube/Vimeo iframes within slideshows
  • Thumbnail Navigation: Drag-scrollable thumbnails with top/bottom positioning
  • Auto-advance: Configurable intervals with pause-on-hover functionality
  • Keyboard Navigation: Arrow key support with proper event cleanup
  • Responsive Sizing: Contain and cover modes for optimal image display
  • Advanced Callbacks: onSlideChange, onBeforeSlideChange, onSlideshowEnd, onSlideshowLoop, onContentLoad
  • Loop Control: Configurable looping with end-of-slideshow detection
  • Preloading: Background image preloading for faster navigation
  • Touch Support: Swipe gestures and touch-friendly controls for mobile devices

🎥 Enhanced Video Support

Comprehensive HTML5 video and iframe handling:

  • HTML5 Video: Full support for all video attributes (controls, autoplay, loop, mute, etc.)
  • Responsive Containers: Proper aspect ratio handling with fallback defaults
  • Video Configuration: Direct video object properties for complete video configuration
  • Error Handling: Robust loading and error states with graceful fallbacks
  • YouTube/Vimeo: Enhanced iframe support with responsive containers

📚 Interactive Documentation

  • Theme Modal: Interactive preview of all 14 themes with try-it buttons
  • Animation Modal: Preview of 80+ animations organized by category
  • Size Modal: Interactive size demonstrations with responsive behavior
  • Button Theme Modal: Preview of all 5 button themes

🔄 Breaking Changes

  • Default Size Behavior: Media modals (images, videos, slideshows) now default to size: 'auto'
  • Theme Validation: Invalid themes now return 'default' instead of false
  • Slideshow API: New slideshow system with different options structure
  • Video API: Direct video object properties for HTML5 video configuration
  • Default Padding Behavior: Media modals now default to noPadContent: true (no padding around content)

📋 Migration Guide

See UPGRADE_GUIDE_V5_to_V6.md for detailed migration instructions.

🧪 Testing

  • 379 Total Tests: 220 unit tests + 159 E2E tests
  • Visual Regression Tests: Automated screenshot comparisons
  • Cross-browser Testing: Chrome, Firefox, Safari, Edge support

🎯 Browser Support

  • Chrome: 30+
  • Firefox: 28+
  • Safari: 7+
  • Edge: 12+
  • Opera: 17+
  • Internet Explorer: 11 (with jQuery polyfills, limited MutationObserver support)

📦 Installation

npm install jAlert

or via CDN:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jAlert@6.0.0/dist/jAlert.min.css">
<script src="https://cdn.jsdelivr.net/npm/jAlert@6.0.0/dist/jAlert.min.js"></script>
Assets 2
Loading