vBulletin flash-based Modifications - FreeAll modifications in this section are free to use on any vBullletin board. We only publish high quality modifcations, which are thoroughly tested before release.
About
[coverattach=4]vB iGallery is designed using Adobe Flash CS3 and coded in Action Script 3.0, and utilizes the latest Papervision3D engine technology. You can see a demonstration of the Paperview3D engine at this website: http://papervision3d.org(wait for the demo to load). We have pre-loaded the gallery with 20 example images (we have full authorization from the authors to use these images within this gallery demonstration). All embed code has been optimized for use on all browsers; we have also taken into consideration the vBulletin DHTML menu system, which would normally drop behind a flash object – this has been tested on Internet Explorer, Firefox and Opera for compatibility issues. A demonstration of this modification is available online at: http://www.digitalport.co.uk/digital/vb_igallery.php - This demonstration does give a javascript error when viewed in Internet Explorer, but this is due to an issue with another script we have running on the same page, under normal installation it does work without any issues. Within the script is an alternative content, this is only shown if the flash player browser plugin is not installed in your browser, it will allow you to install the flash player plugin without leaving your website.
Integration with vBulletin This process has been designed to be very easy to install, and requires only uploading the files in the UPLOAD folder to the root of your forum. There are no product files to install, and only one template edit which is to place a link to the main vB-iGallary page. Configuration is very simple using the supplied XML file, however for more advanced features there is a section in this guide to show you how to override some other default settings.
FULL INSTALLATION
File system layout Care should always be taken when uploading files/folders that are required for modifications to work correctly, vB-iGallery is no exception. Upload all the contents of the UPLOAD folder in this package, remember to replace all images with your own, and enter your own details in the configuration XML file, this includes the ‘tooltip’ and ‘description’ per image. When replacing images make sure both thumbnail and normal images are jpegs and in a non-progressive format, and that their file names are the same as referenced in the XML file.
vb_igallery.php
vb_igallery.swf
/js/swfobject.js
/js/swfmacmousewheel_src.js
/js/swfmacmousewheel2.js
/js/expressInstall.swf
/vbi_xml/images.xml
/vbi_images/
/vbi_images/thumbs
You can change the location of the images within the XML file. If you do this make sure all image paths are correct, because just leaving one wrong will cause a loading failure.
This product does not use any templates, product XML’s or plugins – it has been developed to be easily installed. It relies purely on XML population, requiring no database to function.
Images All images are set within the XML file located inside the vbi_xml directory. We have specified a width and height per example image; this overrides the default settings which we have specified in the main gallery.swf. The default sizes set in the flash file are: Height: 450 pixels Width: 600 pixels So you can override these settings by specifying your own sizes – these can be changed to suit vertical or horizontal images. The thumbnail images in this example are 180 pixels x 135 pixels, these are automatically resized by the flash gallery to 100x80, and you cannot change the default values of thumbnails, which would cause overlapping.
XML Configuration Configuration is fairly easy; all is done via a single XML file. Here we will look at a single line entry for one image.
<image thumbnailSrc="vbi_images/thumbs/5.jpg" src="vbi_images/5.jpg" width="500" height="375" tooltip="Kita" description="One of our cats! - Copyright Digital Port UK"/>
The first tag specifies the path to the thumbnail followed by the path to the main image, along with the dimensions of the main image. The ‘tooltip’ is the wording that appears on rollover of any thumbnail image, the description is only displayed when an image is clicked upon. To avoid problems it is better to just change images and not rename them in the XML file, unless you wish to add more images. If you wish to add more images simple use the same format for each image. The more images you add the longer it will take to preload them – take note of this when creating thumbnail images and file sizes. Optimizing them is a key element in most products using images with flash.
Advanced XML Attributes Many of the vB-iGallery attributes can be changed by using override parameters within the XML gallery tag, here we have listed just a few them – a more comprehensive guide to these attributes will be made available from our main website soon.
Adding further attributes These are placed within the gallery tag itself, these appear in the second line of the XML file. Here’s an example:
<gallery radius="500" zoomBehaviour="zoomThumb">
With the above we have changed the initial globe size by entering a value of “500” (the default is “700”), and we have also changed the zoom behavior to “zoomThumb” – these will change how the thumbs react when clicked upon. There are roughly 30 attributes that can be changed to how you want the igallery to perform regarding its features, however to keep this user guide easy to use we will publish the comprehensive attribute set on our website.
vBulletin Template Edit There is only one template edit required for vB-iGallery, and that is for a link to call in the main vB-iGallery page. This edit assumes you are using vBulletin 3.7.x or higher. Here’s how to do this: Login to your AdminCP and scroll down the left column to Styles & Templates, click this and then Style Manager, select Edit Templates for the Style you wish to add this product. In the templates select the Navigation/Breadcrumb Templates -> navbar
Another unique modification for vBulletin users from Syrus XL Media!
Copyright All images used in this example gallery have been authorized for use on this project; you may not use them without the author’s permission. You must not remove the copyright in the footer of the main vB iGallery page without purchasing the product as ‘brand-free’.
Tracking No tracking code has been implemented in this product. Digital Port UK reserves the right to use tracking code on commercial products only; this is used for licensing and tracking purposes.
Would be nice if this could be integrated into vb more. eg auto template editing. Beinag able to edit the images contained from the admincp..
An update is being released shortly, that integrates this as a frontend for vBulletins 3.7 User Albums, this will then display the most recent images uploaded.
__________________ Hybrid linkShareLive<-- Free and Paid Directory Listing (get your website listed now) 'Forever busy.... is there more to life?' Microsoft TechNet Member My Space Profile: http://www.myspace.com/syrusxl
An update is being released shortly, that integrates this as a frontend for vBulletins 3.7 User Albums, this will then display the most recent images uploaded.
The iGallery (XML version) is quite versatile, it doesn't require much recoding to work in any environment. It can work from a basic HTML page if coded correctly.
I'm not familar with Drupal or Joomla, but I shouldn't think it's that difficult to modify to suit either script.
__________________ Hybrid linkShareLive<-- Free and Paid Directory Listing (get your website listed now) 'Forever busy.... is there more to life?' Microsoft TechNet Member My Space Profile: http://www.myspace.com/syrusxl
vB iGallery - The Ultimate Gallery Xperience 
Linear Mode
