HTML Content

Buy now Get support

Slideshows can be more than just images - you can slide or fade any HTML content.

HTML Slide

Magic Slideshow™ lets you create HTML-based slider.

Lorem ipsum dolor sit amet, congue labitur id nam, vix eirmod virtute ne. Pro ludus noluisse id, minim labore phaedrum nam ea, melius audiam cum ei. Vix laoreet apeirian ex, autem iusto te sit, an pro veritus senserit. Et affert omnesque nam, in dicit mediocrem eum. Ne mel veniam aliquando posidonium.

Duo at natum omittam salutatus! In duo albucius menandri praesent. An invenire sensibus interpretaris nec, dicam indoctum posidonium vix ei. Eos ex vidit solet partem, ne his augue noster moderatius, alterum salutandi te eam. Ius ad novum facilisi, velit labitur ea vim, cu nobis tritani dolorem sit.

Mel no lorem perpetua expetenda, vel id recteque maiestatis, usu an tamquam nusquam! Fabellas intellegam omittantur duo ut, id pri aperiam consetetur, vix eu munere nostrum splendide? Et eius laboramus nam, elit imperdiet quaerendum ea usu. Ut meis audiam menandri qui, vis id discere signiferumque!

Eu fuisset accumsan per, eam ei clita definitionem, cum assum instructior ad. In qui ubique denique gloriatur. Primis tibique ius in, eam ea error detraxit. Quot partem facete et vix, eu cum alterum praesent. Qui id graece antiopam, ex omnis eruditi reformidans has, his primis splendide ad. Mucius ornatus intellegat eos in, vel et partem audiam!

HTML Slide with image

Lorem ipsum dolor sit amet, congue labitur id nam, vix eirmod virtute ne. Pro ludus noluisse id, minim labore phaedrum nam ea, melius audiam cum ei. Vix laoreet apeirian ex, autem iusto te sit, an pro veritus senserit. Et affert omnesque nam, in dicit mediocrem eum. Ne mel veniam aliquando posidonium.

One more slide

Lorem ipsum dolor sit amet, congue labitur id nam, vix eirmod virtute ne. Pro ludus noluisse id, minim labore phaedrum nam ea, melius audiam cum ei. Vix laoreet apeirian ex, autem iusto te sit, an pro veritus senserit. Et affert omnesque nam, in dicit mediocrem eum. Ne mel veniam aliquando posidonium.

Duo at natum omittam salutatus! In duo albucius menandri praesent. An invenire sensibus interpretaris nec, dicam indoctum posidonium vix ei. Eos ex vidit solet partem, ne his augue noster moderatius, alterum salutandi te eam. Ius ad novum facilisi, velit labitur ea vim, cu nobis tritani dolorem sit.

Mel no lorem perpetua expetenda, vel id recteque maiestatis, usu an tamquam nusquam! Fabellas intellegam omittantur duo ut, id pri aperiam consetetur, vix eu munere nostrum splendide? Et eius laboramus nam, elit imperdiet quaerendum ea usu. Ut meis audiam menandri qui, vis id discere signiferumque!

Eu fuisset accumsan per, eam ei clita definitionem, cum assum instructior ad. In qui ubique denique gloriatur. Primis tibique ius in, eam ea error detraxit. Quot partem facete et vix, eu cum alterum praesent. Qui id graece antiopam, ex omnis eruditi reformidans has, his primis splendide ad. Mucius ornatus intellegat eos in, vel et partem audiam!

Here's the code:

  1. <html>
  2.     <head>
  3.         <title>Magic Slideshow: HTML Content</title>
  4.        
  5.         <!-- link to magicslideshow.css file -->
  6.         <link rel="stylesheet" type="text/css" href="magicslideshow/magicslideshow.css" media="screen"/>
  7.         <!-- link to magicslideshow.js file -->
  8.         <script src="magicslideshow/magicslideshow.js" type="text/javascript"></script>
  9.        
  10.     </head>
  11.     <body>
  12.        
  13.         <div class="MagicSlideshow" data-options="width: 800px; arrows: false; selectors: bottom;">
  14.             <div>
  15.                 <h3>HTML Slide</h3>
  16.                 <p>Magic Slideshow&trade; lets you create HTML-based slider.</p>
  17.  
  18.                 <p>Lorem ipsum dolor sit amet, congue labitur id nam, vix eirmod virtute ne. Pro ludus noluisse id, minim labore phaedrum nam ea, melius audiam cum ei. Vix laoreet apeirian ex, autem iusto te sit, an pro veritus senserit. Et affert omnesque nam, in dicit mediocrem eum. Ne mel veniam aliquando posidonium.</p>
  19.  
  20.                 <p>Duo at natum omittam salutatus! In duo albucius menandri praesent. An invenire sensibus interpretaris nec, dicam indoctum posidonium vix ei. Eos ex vidit solet partem, ne his augue noster moderatius, alterum salutandi te eam. Ius ad novum facilisi, velit labitur ea vim, cu nobis tritani dolorem sit.</p>
  21.  
  22.                 <p>Mel no lorem perpetua expetenda, vel id recteque maiestatis, usu an tamquam nusquam! Fabellas intellegam omittantur duo ut, id pri aperiam consetetur, vix eu munere nostrum splendide? Et eius laboramus nam, elit imperdiet quaerendum ea usu. Ut meis audiam menandri qui, vis id discere signiferumque!</p>
  23.  
  24.                 <p>Eu fuisset accumsan per, eam ei clita definitionem, cum assum instructior ad. In qui ubique denique gloriatur. Primis tibique ius in, eam ea error detraxit. Quot partem facete et vix, eu cum alterum praesent. Qui id graece antiopam, ex omnis eruditi reformidans has, his primis splendide ad. Mucius ornatus intellegat eos in, vel et partem audiam!</p>
  25.             </div>
  26.             <div>
  27.                 <h3>HTML Slide with image</h3>
  28.                 <p style="text-align: center;"><img src="images/places-06-600.jpg" /></p>
  29.  
  30.                 <p>Lorem ipsum dolor sit amet, congue labitur id nam, vix eirmod virtute ne. Pro ludus noluisse id, minim labore phaedrum nam ea, melius audiam cum ei. Vix laoreet apeirian ex, autem iusto te sit, an pro veritus senserit. Et affert omnesque nam, in dicit mediocrem eum. Ne mel veniam aliquando posidonium.</p>
  31.             </div>
  32.             <div>
  33.                 <h3>One more slide</h3>
  34.                 <img src="images/places-02-600.jpg" height="187" width="400" style="float: right;"/>
  35.  
  36.                 <p>Lorem ipsum dolor sit amet, congue labitur id nam, vix eirmod virtute ne. Pro ludus noluisse id, minim labore phaedrum nam ea, melius audiam cum ei. Vix laoreet apeirian ex, autem iusto te sit, an pro veritus senserit. Et affert omnesque nam, in dicit mediocrem eum. Ne mel veniam aliquando posidonium.</p>
  37.  
  38.                 <p>Duo at natum omittam salutatus! In duo albucius menandri praesent. An invenire sensibus interpretaris nec, dicam indoctum posidonium vix ei. Eos ex vidit solet partem, ne his augue noster moderatius, alterum salutandi te eam. Ius ad novum facilisi, velit labitur ea vim, cu nobis tritani dolorem sit.</p>
  39.  
  40.                 <p>Mel no lorem perpetua expetenda, vel id recteque maiestatis, usu an tamquam nusquam! Fabellas intellegam omittantur duo ut, id pri aperiam consetetur, vix eu munere nostrum splendide? Et eius laboramus nam, elit imperdiet quaerendum ea usu. Ut meis audiam menandri qui, vis id discere signiferumque!</p>
  41.  
  42.                 <p>Eu fuisset accumsan per, eam ei clita definitionem, cum assum instructior ad. In qui ubique denique gloriatur. Primis tibique ius in, eam ea error detraxit. Quot partem facete et vix, eu cum alterum praesent. Qui id graece antiopam, ex omnis eruditi reformidans has, his primis splendide ad. Mucius ornatus intellegat eos in, vel et partem audiam!</p>
  43.             </div>
  44.         </div>
  45.        
  46.     </body>
  47. </html>