Friday, 25 June 2010

Automatically load images from a folder


A popular request for Magic Slideshow is to automatically fetch images from a folder.

You can do this in a variety of ways, depending upon the applications available on your web server. Many of our customers use PHP, so we have prepared advice to fetch images using PHP.
  1. Download this file: magicslideshow.php
  2. Upload that file to your website.
  3. Add the following code to your HTML page/template where you want your slideshow to appear.
    <php
    include('/path/to/magicslideshow.php');
    MagicSlideshow('/path/to/image/folder', 'http://example.com/path/to/image/folder');
    ?>
    

  4. Change the code to the full path of the folder where you uploaded the magicslideshow.php file.

For Smarty templates, you should use '{php}' and '{/php}' instead of <php and ?>.

Please contact us if you would like further help.

Magic Slideshow is our JavaScript image carousel that slides or fades one image to another. It uses JavaScript, CSS and clean semantic HTML to provide a smooth looking effect with text descriptions, thumbnails and arrows for navigation. Try out these examples.

Saturday, 29 August 2009

Magic Zoom on NetObjects Fusion


Every one of our tools can be used on any website.

NetObjects Fusion is a popular WYSIWYG editor and web developer Thomas Frei-Herrmann has written detailed instructions for the use of Magic Zoom™ in NetObjects Fusion.
These instructions can easily be used for our other tools - Magic Thumb™, Magic Magnify™, Magic Zoom Plus™, Magic Magnify Plus™ and Magic Touch™.

Thank you Thomas.

Tuesday, 30 December 2008

How to add Magic Thumb with Dreamweaver

Two minute video tutorial shows you how to use Magic Thumb with Dreamweaver.

The movie is 3.2MB so it might take a couple of minutes to download.

Monday, 22 December 2008

How to use Magic Magnify on Blogger

Magic Magnify is a cool effect that magnifies images to reveal beautiful detail.

1. Get a Magic Magnify license. Either a demo, commercial or non-commercial.

2. Upload magicmagnify.swf and magicmagnify.js to a website. There is no facility to upload JS files to Blogger, so you must upload the 2 files to one of your other websites.

3. Go to your admin area for Blogger and click Layout then click Edit HTML. Add the following line just below the <head>, changing the file location to wherever you uploaded your JS and SWF files to:
<script src="http://www.example.com/magicmagnify.js" type="text/javascript"></script>

4. Go to a post. Click Edit Html. Add Magic Magnify to an image by linking your small image to your large image like so:
<a href="http://www.example.com/large.jpg" class="MagicMagnify"><img src="http://www.example.com/small.jpg" /></a>
For more help, email Magic Toolbox.

Example

Hover over the image:

Nike running shoe