Magic Slideshow for Joomla Magic Slideshow for Joomla Magic Slideshow for Joomla Magic Slideshow for Joomla Magic Slideshow for Joomla Magic Slideshow for Joomla Magic Slideshow for Joomla Magic Slideshow for Joomla Magic Slideshow for Joomla Magic Slideshow for Joomla

Simply spectacular slideshows.

Improve your store. Increase your income.

  • Show your products gracefully.
  • Fully compatible with jQuery and other JavaScript framewoks (though they are not required).

Install | Watch video | Download

  • Joomla 3.x
  • Joomla 2.5
  • Joomla 1.7
  • Joomla 1.6
  • Joomla 1.5

Add this Joomla slideshow to any page on your Joomla site (including homepage & CMS pages). Easily customize the JavaScript slider options via the Settings page, which can be unique for different sections of your site. You're in control.

Continually improved since 2010, this sleek Joomla slider plugin has everything, including: swipe gestures on touch-screen devices; full-screen view; responsive design to automatically resize images to your page.

If your Joomla website uses eCommerce, Magic Slideshow is also available as a VirtueMart extension & HikaShop component. Choose the extension for you and enjoy the professionalism which this JavaScript slideshow offers.

Key features

New versions support

All versions of Joomla are supported (Joomla 3.x, Joomla 2.5, Joomla 1.7, Joomla 1.6, Joomla 1.5). We update our modules as soon as a new version of Joomla is released.

SEO friendly

Magic Slideshow supports SEO Friendly URLs. Vital for website high ranking in search engines.

Responsive

Magic Slideshow is responsive out of the box. Essential for multi-device adaptation.

Web settings

Say goodbye to manual configuration. Customize settings instantly using Magic Slideshow Settings page.

jQuery compatibility

Magic Slideshow requires no jQuery, 3rd party library or framework. Magic Slideshow is completely compatible.

One-off payment

Pay once and the Magic Slideshow license is yours forever.

Live demos

Screenshots

  • Magic Slideshow module for Joomla - screeenshot of module settings page

Installation

  1. Download the Magic Slideshow component for Joomla content (free and fully functional demo version).
  2. Magic Slideshow for Joomla Upload it via your Joomla admin panel Extensions > Extension Manager > Browse File > Click 'Upload & Install'. Component will automatically enable.
  3. Open article or any other content area where you want to show slideshow. Add a DIV with class of MagicSlideshow and put your images inside the div e.g.

     <div class="MagicSlideshow">
      <img src="example1.jpg"/>
      <img src="example2.jpg"/>
      <img src="example3.jpg"/>
     </div>
    
  4. Set the size of your slideshow using data-options. The example below uses 400px x 187px:

     <div class="MagicSlideshow" data-options="width: 400px; height:187px;">
      <img src="example1.jpg"/>
      <img src="example2.jpg"/>
      <img src="example3.jpg"/>
     </div>
    
  5. The Magic Slideshow CSS and JS files will automatically be included in the page head.
  6. That's all!
  7. Magic Slideshow for Joomla Customize Magic Slideshow how you want. Go to Components > Magic Slideshow for Joomla
  8. Buy Magic Slideshow To upgrade your free and fully functional trial version of Magic Slideshow (which removes the "Trial version" text), buy Magic Slideshow and overwrite following file with the same one from your licensed version:

    /media/plg_system_magicslideshow/magicslideshow.js

Video tutorial

Home page slideshow

To create a slideshow on your home page:

  1. Magic Slideshow for Joomla Go to Components > Magic Slideshow for Joomla, select 'Home page slideshow' section.
  2. Magic Slideshow for Joomla Select Upload images and browse your computer for your set of slideshow images.
  3. The slideshow will now display on your home page, before the main content area.
  4. Magic Slideshow for Joomla Slideshow will automatically resize to the size of your images. To set a specific slideshow size, change Slideshow width and Slideshow height options.
  5. There are over 40 customizations available (including linking each slide to a url). Have fun, try them all!

Detailed description

Follow in the footsteps of Harvard University and build your website upon the open-source platform, Joomla.

Joomla image slideshows have become ever more popular since the birth of Joomla in 2005. You have great control over your website thanks to Joomla's Content Management System (CMS).

Supported by a large community, Joomla has been downloaded over 50 million times and offers 1,000's of modules on its Joomla Extension Directory.

In June 2010, our Joomla slider plugin, Magic Slideshow was released. Created using pure JavaScript, this responsive image slideshow works on any website, with or without jQuery. The easy installation (4 clicks to be precise) quickly gets you to the Settings page where you can choose any slideshow design for your site. Fading slideshows, Ken Burns effect, image thumbnails, full-screen – so many tried-and-tested options for success.

But how do you get this Joomla slideshow to appear in your article?

That's easy, simply open your article and add a <div> tag with a class of MagicSlideshow – then place your images inside the <div>. The class is important because it connects the slideshow to your Settings page. It's how you update any of your slideshows, from one easy area inside your Joomla admin area.

What if you want one slideshow to appear different to other slideshows?

No problem! You can manually add changes to any slideshow you wish to appear different. Use data-options= within the <div> code. By doing this you will have limitless options of how varied your Joomla slideshows can look. Grab any HTML code you need here & be inspired with a choice of combinations.

If you think Magic Slideshow is just for images, think again.

You can use any HTML code. This includes videos too. With videos being a popular feature on websites, we introduced the ability to add them into any Joomla slideshow. To add video to your slideshow, simply use a <div> tag instead of an <img> tag, like so:

 <div class="MagicSlideshow">
	 <div> 1st slide. Video HTML code here ... </div>
	 <div> 2nd slide. Any HTML code here ... </div>
	 <div> ... </div>
 </div>

Can I add a slideshow to my homepage?

Yes indeed. In February 2014, support was added for this very feature. It's a straightforward process. Simply upload your slideshow images to the 'Homepage' tab on your Settings page. Check out our step-by-step guide on how you too can enjoy a JavaScript slider on your homepage.

Whether you're using a homepage slideshow, videos, Ken Burns for a pan & zoom effect, bullets to navigate, fading or slide transitions, linking to urls or going for a vertical slideshow instead of the traditional horizontal method, there are boundless opportunities to connect visitors with your content.

And thanks to its responsiveness, this Joomla slider plugin fits perfectly on any device. Whether visitors are at their desk or on their mobile, Magic Slideshow automatically resizes for any screen size.

As we mentioned, Joomla got even better with the launch of eCommerce solutions: HikaShop and VirtueMart. If you're using either platform, download the Magic Slideshow for HikaShop or Magic Slideshow for VirtueMart extensions (free trial).

Uninstallation

Thanks for trying Magic Slideshow on your Joomla site! What did you hope Magic Slideshow could do? How can we improve it? Let us know, we're always improving our tools based on customer feedback.

  1. Delete Magic Slideshow code from your content.
  2. Go to: Extensions > Plugin Manager > Disable plugin.
  3. Go to: Extensions > Extension Manager > Manage > Add tick in box next Magic Slideshow for Joomla > Click 'Uninstall'.
  4. Magic Slideshow is now uninstalled.

Customer reviews

  Rating: 0 (0 reviews)

There are no reviews yet. Be the first!

Submit your review


Thank you!
Your review has been received and will be posted soon.
Used only to verify your review is genuine.

Other Joomla components

This extension was created for Joomla. Use it to place an image slideshow on your product pages, category pages and other blocks such as 'bestsellers', 'recently viewed', 'newest'.