Text news

Buy now  £29 Get support

Text scroll.

Magic Zoom™ Hover to zoom into your images
Magic Zoom Plus™ Hover to zoom, click to enlarge
Magic Thumb™ Enlarge your images to full-screen
Magic Magnify™ Elegantly magnify your images
Magic Magnify Plus™ Magnify or enlarge your images
Magic Touch™ Zoom right into hi-res images
Magic Slideshow™ Watch a whole series of images

  1. <html>
  2.     <head>
  3.         <title>Magic Scroll: Text news</title>
  4.        
  5.         <!-- link to magicscroll.css file -->      
  6.         <link rel="stylesheet" type="text/css" href="magicscroll/magicscroll.css" media="screen"/>      
  7.         <style type="text/css">
  8.             #scroll1 {
  9.                 border: 1px solid #aaa;
  10.                 margin-bottom: 20px;
  11.             }
  12.         </style>
  13.         <!-- link to magicscroll.js file -->
  14.         <script src="magicscroll/magicscroll.js" type="text/javascript"></script>
  15.         <script type="text/javascript">
  16.             MagicScroll.extraOptions.scroll1 = {
  17.                 'direction': 'right',
  18.                 'items': 1,
  19.                 'height': 35,
  20.                 'width': 350,
  21.                 'arrows': false,
  22.                 'item-tag': 'div'
  23.             };
  24.             MagicScroll.extraOptions.scroll2 = {
  25.                 'direction': 'bottom',
  26.                 'items': 2,
  27.                 'height': 80,
  28.                 'width': 150,
  29.                 'arrows': false,
  30.                 'speed': 300
  31.             };
  32.         </script>
  33.        
  34.     </head>
  35.     <body>
  36.        
  37.        
  38.         <div class="MagicScroll msborder mstext" id="scroll1">
  39.             <div><a href="http://magictoolbox.com/magiczoom/"><b>Magic Zoom&trade;</b></a> Hover to zoom into your images</div>
  40.             <div><a href="http://magictoolbox.com/magiczoomplus/"><b>Magic Zoom Plus&trade;</b></a> Hover to zoom, click to enlarge</div>
  41.             <div><a href="http://magictoolbox.com/magicthumb/"><b>Magic Thumb&trade;</b></a> Enlarge your images to full-screen</div>
  42.             <div><a href="http://magictoolbox.com/magicmagnify/"><b>Magic Magnify&trade;</b></a> Elegantly magnify your images</div>
  43.             <div><a href="http://magictoolbox.com/magicmagnifyplus/"><b>Magic Magnify Plus&trade;</b></a> Magnify or enlarge your images</div>
  44.             <div><a href="http://magictoolbox.com/magictouch/"><b>Magic Touch&trade;</b></a> Zoom right into hi-res images</div>
  45.             <div><a href="http://magictoolbox.com/magicslideshow/"><b>Magic Slideshow&trade;</b></a> Watch a whole series of images</div>
  46.         </div>
  47.  
  48.         <div class="MagicScroll msborder mstext" id="scroll2">
  49.             <a href="http://magictoolbox.com/magiczoom/"><b>Magic Zoom&trade;</b></a>
  50.             <a href="http://magictoolbox.com/magiczoomplus/"><b>Magic Zoom Plus&trade;</b></a>
  51.             <a href="http://magictoolbox.com/magicthumb/"><b>Magic Thumb&trade;</b></a>
  52.             <a href="http://magictoolbox.com/magicmagnifyplus/"><b>Magic Magnify Plus&trade;</b></a>
  53.             <a href="http://magictoolbox.com/magicmagnify/"><b>Magic Magnify&trade;</b></a>
  54.             <a href="http://magictoolbox.com/magictouch/"><b>Magic Touch&trade;</b></a>
  55.             <a href="http://magictoolbox.com/magicslideshow/"><b>Magic Slideshow&trade;</b></a>
  56.         </div>
  57.        
  58.     </body>
  59. </html>