Dazzle your viewers with 3D photo navigation using 3D ImageFlow Gallery.
Create an amazing gallery with cool perspective effects in seconds and
give your photos stunning 3d and camera effects. Add and edit your
images directly in Dreamweaver. Interact with other components like the
Flash MP3 Player or Spry elements and effects to glue everything together.
3D ImageFlow Gallery Manual
FAQ
Q: 3D ImageFlow Gallery does not work,
what should I do?
A: Make sure that you have
uploaded all the files required by the extension. These can be found in the "imageflowgallery" folder from the root of your
site to your server. And in the root of your site.
Q: The mousewheel does not work
A: The Flash player on the MAC doesn't support the mousewheel, on the PC there are known problems in Mozilla browsers, a workaround for the PC is to not use a transparent background in Flash.
Note: If you use the Firefox browser, you could try the Firebug Add-on to check if all required files are available.
Q: How can I control the gallery from
outside the Flash movie?
A: Please read the Controlling
the 3D ImageFlow Gallery with Behaviors chapter of this manual.
Q: The Browser Property Inspector from my site doesn't work
The Browser Property Inspector from my site doesn't work.
A: If this problem occurs please follow the
steps below:
- Make sure that you have installed the latest version of the 3D ImageFlow Gallery. You can check this by comparing the current version you have in your Extension Manager and the one on the 3D ImageFlow Gallery page. If you have an older version, download the latest from the site and install as usual. You can open Extension Manager from the Commands menu in your Dreamweaver.
- Check the version of the file 3DFlowGallery.swf by following the steps below:
- Load the page with your 3D Flow Gallery into your browser
- Click on the gallery
- Press CTRL + I
This will display the information about your 3DFlowGallery.swf file.
Q: Can 3D Flow Gallery work with dynamic
images from a recordset
A: Currently the interface
of the extension does not allow to select Database as a source of image
information.
However, 3D Flow Gallery reads the information of the gallery and the images from xml file.
- While creating your gallery, just insert one file into it - we will use this as a dummy image.
- Next open your XML file - it should be
located in your siteroot/imageflowgallery. Save it as a new PHP
file, i.e. change the extension from XML to PHP. Do not forget that you
will need to change a couple of attributes into your html file.
<param name="FlashVars" value="xmlFile=yoursite_root/imageflowgallery/3DFlowGallery1.xml" />
to
<param name="FlashVars" value="xmlFile=yoursite_root/imageflowgallery/3DFlowGallery1.php" />
and the following attribute from:
flashvars="xmlFile=yoursite_root/imageflowgallery/3DFlowGallery1.xml"
to
flashvars="xmlFile=yoursite_root/imageflowgallery/3DFlowGallery1.php"
- Insert a recordset from Dreamweaver into
your PHP file (XML which extension you have just changed) and select your
database where you want to insert images from.
- In your PHP file you should notice the
following line:
<img url="MyDummyPicture" target="_blank" alt="" /><br />
Change MyDummyPicture with the following code:
<?php echo $row_rsImages['image']; //image is a column in my database for the image path ?>
So now you will want to display all images from your database. In order to do that you will need to use repeat region for your image, i.e.:
<?php do { ?>
NOTE: I am using database with 2 columns - "ID" for the key and "image" for the image path.
<img url="<?php echo $row_rsImages['image']; ?>" target="_blank" alt="" /><![CDATA[]]></image>
<?php } while ($row_rsImages = mysql_fetch_assoc($rsImages)); ?>
For more info you can check the movie on the official page of the extension here.
DISCLAIMER:
This is extra complimentary content which purpose is to show additional usage that is not part of the product, i.e. it suggests tips for extending the functionality of the product by the users themselves. It is provided "as is", without warranty of any kind, express or implied , including but not limited to the warranties of merchantability, fitness for a particular purpose and nonfringement of third party rights.
DMXzone does not take responsibility to support the suggested content to be fully compatible and working as intended and does not provide support for extended functionality which is not included in the current release of the extension. It is highly recommended that only more advanced developers use it.
Q: What method is used to define the transparency in an image? For example in the Colleagues Demo.
A: The method used is alpha channel. The used images of the persons are transparent PNG with alpha in them.