I would like to use Tiltviewer http://www.airtightinteractive.com/projects/tiltviewer/ on my website, could you help me?
What is TiltViewer ?TiltViewer is a free, customizable 3D Flash image viewing application.
- Click images to zoom-in, click again to zoom-out.
- Click the background to zoom-out.
- Click the 'reload' button (below the image grid) to load a new set of images.
- Click the 'flip' button (bottom-right of a zoomed-in image) to see image details.
More informations here :
http://www.airtightinteractive.com/projects/tiltviewer/How can I show images from my 4images website with TiltViewer on a extra site ?A demo with TiltViewer and random images from my 4images-Mount-Kilimanjaro-Gallery :
here And now the installations instruction ...
1. StepDownload TiltViewer v1.3 2. StepRename the index.html from the download package to viewer.html ...
Find in viewer.html in section
// XML GALLERY OPTIONS ...
fo.addVariable("xmlURL", "gallery.xml");
and replace it with ...
fo.addVariable("xmlURL", "tiltviewer.php");
In viewer.html in section
// GENERAL OPTIONS ...
You can change the design options of the viewer to your needs or to your 4images webdesign ...
3. StepCreate a new file "tiltviewer.php" with the following content ...
<?php
/**************************************************************************
* *
* 4images - A Web Based Image Gallery Management System *
* ---------------------------------------------------------------- *
* *
* File: tiltviewer.php by mawenzi *
* File-Version: 1.0 - 26.02.2008 *
* Copyright: (C) 2002 Jan Sorgalla *
* Email: jan@4homepages.de *
* Web: http://www.4homepages.de *
* Scriptversion: 1.7.x *
* *
* *
*************************************************************************/
define('GET_CACHES', 1);
define('ROOT_PATH', './');
define('GET_USER_ONLINE', 1);
include(ROOT_PATH.'global.php');
require(ROOT_PATH.'includes/sessions.php');
$user_access = get_permission();
//--------------------------------------------
//-- Random Images - TiltViewer --------------
//--------------------------------------------
$sql = "SELECT i.image_id, i.cat_id, i.user_id, i.image_name, i.image_description, i.image_date, i.image_active, i.image_media_file, c.cat_name".get_user_table_field(", u.", "user_name")."
FROM (".IMAGES_TABLE." i, ".CATEGORIES_TABLE." c)
LEFT JOIN ".USERS_TABLE." u ON (".get_user_table_field("u.", "user_id")." = i.user_id)
WHERE i.image_active = 1 AND c.cat_id = i.cat_id AND i.cat_id IN (".get_auth_cat_sql("auth_viewcat").")
ORDER BY RAND()
LIMIT 0,90";
$result = $site_db->query($sql);
echo "<tiltviewergallery>";
echo "<photos>";
while ($image_row = $site_db->fetch_array($result)){
echo "<photo imageurl=\"".ROOT_PATH."/data/media/".$image_row['cat_id']."/".$image_row['image_media_file']."\" linkurl=\"\">";
echo "<title>".$image_row['image_name']."</title>";
echo "<description>".$image_row['image_description']."</description>";
echo "</photo>";
} // end while
echo "</photos>";
echo "</tiltviewergallery>";
//----- End Random Images -------------------
?>
This "tiltviewer.php" presented "Random Images" from your 4images website ...
You can customise this file to your needs to show ...
- Random images from certain categories of your website
- All new images of your website
- New images from certain categories of your website
- a.s.o.
4. StepNow upload the following files to your 4images root folder ...
- TiltViewer.swf
- swfobjects.js
- viewer.html
- tiltviewer.php
5. StepUse the following link in your 4images templates to show your TiltViewer ...
<a href="http://www.Your_Website.com/viewer.html" target="_blank">Random Images with TiltViewer</a>
6. StepReady ... and have fun with TiltViewer ...
... also in Full Screen ...