WEBROTATE 360 SERVICE GUIDE - gwendal
Contents
1. Define image that is shown when all images are fully loaded In most applications this number will point to the same image asspecified under lt preloader image gt Values Numenc counted from 0 which isthe first image specified under lt mages gt see below rotation rotate Start rotation automatically when all imagesa fully loaded Values true false once rotation rotatePeriod The number of seconds for rotation to go one full loop when initiated via the Play button or started via auto play Speed of rotation when using mouse drag orarrow buttons is different and iscalculated by multiplying rotatePenod by the dragSpeed factorasdescnbed above rotation bounce If set to true will force viewerto bounce stop rotation when it reachesthe last configured product image This setting can be used when a product wasnot photographed in a full 360 Page 1 1 rotation e g 180 dgree rotation Values true false WEBROTATE360 COM 53 N EL MOLINO AVE SUITE 443 PASADENA CA 91101 Tel 800 996 8617 WebRotate 360 LLC rev 07 15 2011 IMAGES lt images gt images Each image Is defined in XML by its lt image gt element The only supported image attnbute is src This attnbute src represents a relative path to image location Path is relative to imageRotator settings configFile URL or imageRotatorsettings rootPath defined on a web page see Viewer components and API Note that the images can be either in2. 80 will result in relatively small files that should work for most 360 product presentations Note that due to the zooming algonthm used by the Flash player it s important to keep image width to height ratio same or similar to the ratio of the viewer This will ensure that you have Shamest presentation of the images inside the viewer For example if your viewer is 480 x 320px the images can have either the same size or smaller for best quality if no zoom full screen is required orstretched proportionally i e 576 x 384 720 x 480 960 x 640 etc Page 1 9 WEBROTATE360 COM 53 N EL MOLINO AVE SUITE 443 PASADENA CA 91101 Tel 800 996 8617 WebRotate 360 LLC rev 07 15 2011 P NOTE here at WebRotate 360 we have been producing 360 product photography and interactive product presentations for several years More than 150 000 images have been processed by us to date We helped clients such as Glock Kids Il Johnson Outdoors Meade Titon Showers and alike Hire us for your next 360 product photography project or use our unique skills and expertise to build specialized interactive product presentations just for you FREE version limitations Powered By link in the right top comer Maximum 4 hot spots Limits zoom depth to x2 Limited customer support Support our work by purchasing unlimited PRO edition at www webrotate360 c om 360 product viewer buy html Visit our website for more information about late
3. ditor utility to make viewer configuration a breeze Download the latest viewer update on our website at www webrotate360 com 360 product viewer htmli Why WebRotate 360 Fine tuned for E Commerce Workson iPad iPhone and other devicesand browsers without Adobe Flash No server side scripts required all client ba sed Simple and lightweight All configuration is done via a separate XML file Highly customizable sizes features colors etc Extensive hot spot support with granular control Free software utility for quick configuration Use with any number of websites products Host on your servers no extra feesor vendor lock in Dedicated full time support PRO Available as FREE and PRO editions We are here to help with your customization requests This technology comes to you from our interactive studio that processed more than 150 000 product images it sthe same viewer we use in our client projects Page 3 WEBROTATE360 COM 53 N EL MOLINO AVE SUITE 443 PASADENA CA 91101 Tel 800 996 8617 WebRotate 360 LLC rev 07 15 2011 p Creation process Creation of product views is done in several steps Preparing product images per your requirements resize crop retouch Copying imagesinto a dedicated folder Configuring XML configuration file either manually or using supplied SpotEditor utility Publishing Let s review each of t
4. 800 996 8617 WebRotate 360 LLC rev 07 15 201 i Next step isto create an XML configuration file that will specify the images to be loaded by the viewer their relative location hot spots user controls and more To create XML configuration file for each of your products you can either use a template XML file supplied with the viewer package Resources template_config xml as shown on the picture below or use the SpotEditor utility to strea mline the configuration process read more about the utility below mg hata EE Ann tel rile Edit Format View Help xml version 1 0 encoding utf 8 gt config gt lt settings gt lt preloader image Images Filename 0 jpg gt lt user Interface showzZoomButtons true showToolTips true showHotspotsButton true showFullScreenButton lt control dragspeed 0 13 maxZoom 200 maxZoomFullScreen 160 fullscreenstretch 100 doubleclickzooms lt rotation firstImage 0 rotate false rotatePeriod 8 gt lt settings gt lt hotspots gt lt hotspot id test spot type custom absolutePosition false className imageSpotclass gt lt spotinfo id test spot txt Test hotspot with text content gt lt hotspot gt lt hotspots gt lt images gt lt image gm es Agee gt lt hotspot source test spot offsetx 207 offsety 283 gt lt image gt lt image src Images Filename_1 jpg gt lt image src Images Filename 2 jpg gt lt image src I
5. altemative location of all viewer assets images hot spots configured in xml and passed via config File URL _imageRotator settings flybyJsMenuFix This optional setting is only applicable to the Flash component and is false by default Set it to true if you expenence issues where WebRotate s 360 viewer interferes with your website s JavaScnpt dynamic fly by menus by overlapping hiding them Initiate vieweron your web page by calling this ava Script method and passing CSSid of the DIV element with the classname wr360 player _imageRotator runlmageRotator wr360Playerld If you need to dynamically reload the viewer on the same page with different images without refreshing reloading the page you can do this by calling the following J avaScnpt method Page 7 and passing a new configuration URLand optionally rootPath if required WEBROTATE360 COM 53 N EL MOLINO AVE SUITE 443 PASADENA CA 91101 Tel 800 996 8617 WebRotate 360 LLC rev 07 15 2011 P _imageRotator reload 360_assets NewProduct config xml or _imageRotator reload NewProduct config xml http CDN 360 NewProduct XML configuration WebRotate 360 product viewer is designed to load product images asynchronously from your web serverto ensure smooth user experience and ease of maintenance and support A simple text based XML configuration file is used to configure all required i
6. Free Edition max is 200 i e x 2 control maxZoomFullScreen Zooming depth in percent in full screen mode The setting applies when user clicksthe Zoom in button in fullscreen mode only Minimum value is 100 which is equivalent to no zoom 1 1 Values Numenc starting with 100 Free Edition max is 200 i e x2 control fullScreenStretch Control whether images have to be stretched automatically when entering full screen mode This setting Is useful in the situations where images are too small to show as is in full screen mode Minimum value is 100 which is equivalent to no stretch show as is 1 1 Values Numenic starting with 100 If setting isnot present or equals 0 images are stretched to fill entire full screen area WEBROTATE360 COM 53 N EL MOLINO AVE SUITE 443 PASADENA CA 91101 Tel 800 996 8617 WebRotate 360 LLC rev 07 15 2011 d Page 1 0 WebRotate 360 LLC rev 07 15 2011 P control doubleClickZooms Enable mouse double click on imagesfor zoom in zoom out action Values true false control disableMouseControl Disable image dragging rotation via mouse Values true false control dragSpeed Used in conjunction with rotatePenod see below This setting represents a factor that is multiplied by rotatePenod to calculate the speed of rotation using mouse dragging or left night arrows buttons Values Numeric should be between O and 1 ROTATION lt rotation gt rotation firstImage
7. J PG or PNG format HOTSPOTS lt hotspots gt hotspots Parent node for all hotspots Each hot spot is represented via a child hotspot gt element under the parent hotspot id Hot spot s unique identifier The id can be any text with no whitespaces case insensitive hotspot type Reserved for future use Values custom hotspot absolutePosition Determines whether hot spot stays in a fixed position as defined by offsetX and offsetyY i e static hotspot or moves with the images dynamic hot spot Values true false hotspot className Determines hot spot presentation type Values WebRotate360 imageRotator Static HotspotPresenter static hot spot presented by its content image ortext asspecified under lt spotinfo gt element see below WEBROTATE360 COM 53 N EL MOLINO AVE SUITE 443 PASADENA CA 91101 Tel 800 996 8617 Page 1 2 WebRotate 360 LLC rev 07 15 2011 P WebRotate360 imageRotator LoopC ircleActionHotspot dynamic hot spot presented asa constantly animated circle with blur effect imageSpotClass dynamic hot spot presented asa circle with plus that is animated once on load and deactivation e g mouse out hotspot color Fill color of the hot spot circle Values html color example 999999 hotspot alpha Transparency of the hot spot circle Values 0 to 1 examples 0 3 0 67 0 85 hotspot offsetX Fixed X coordinate in pixel that applies only to hot spots with
8. WebRotate 360 Product Viewer USER MANUAL v2 5 3 Rev July 15th 2011 WebRotate 360 LLC rev 07 15 201 i Contents gt Ale 44 3 Why WebROotate 3007 malerne eee EEA keeper lle 3 ENN 4 Viewercomponentsand APl rmrnnnrrssnrerennrnennverennrrennrerenvnsennresnnvnsennrennnresennressnvesennressnvesennssenns 6 MENN 8 SET 15 USING template configuration rarannrronnrornnvrrennrerenvrrennrerenrnrennrennnrerennressnvesennressnresenvrssnnresenvesen 18 Preparation of 360 degree IMages mmmmnrrrmvrrrnvrressrrrsrrsesnrersnrrsennrsssnvrsennrsesnrssenvrsennressnvssnn 19 FREE VESON IMG HORNS sisena ede blee E aa 20 Page 2 WEBROTATE360 COM 53 N EL MOLINO AVE SUITE 443 PASADENA CA 91101 Tel 800 996 8617 WebRotate 360 LLC O rev 07 15 2011 Webiotatessouee p Aboutthe Product WebRotate 360 Product Viewer is a simple and powerful tool for showcasing your products online WebRotate 360 Product Viewer does not require any server side technologies because it consists of just a couple of J avaScnpt and Flash files running on your web pages When page is loaded the code contained in these files automatically downloads all configured images and resources from your web server and renders them seamlessly according to your custom configuration You don t have to know JavaScript or Flash to make it work All you need is to change XML values using any text editor like Notepad or TextEdit or use provided Spot
9. absolutePosition set to true It s relative to the left top comer of the viewer hotspot offsetY Fixed Y coordinate in pixel that applies only to hot spots with absolutePosition set to true It s relative to the left top comer of the viewer hotspot disabled Specifieswhetherto hide disable current hot spot This is useful when you need to hide a hot soot without actually deleting ts XML configuration Values true false hotspot lt spotinfo gt Descnbes hot spot content based on the content type Viewer supports the following types of hot spot content TEXT CONTENT rendered asan area with text using configurable width font height color and background as specified in lt spotinfo gt element Page 1 3 spotinfo tt text of the hot spot content WEBROTATE360 COM 53 N EL MOLINO AVE SUITE 443 PASADENA CA 91101 Tel 800 996 8617 WebRotate 360 LLC rev 07 15 2011 sootinfo t lt tWidth fixed width of the text wrapping box sootinfo ttBkC olor color of the text background spotinfo txtColor color of the text html format example 99999 sp otinfo fntHeight font height sootinfo ud URL of a page to browse on click spotinfo urdTarget can be blank to open in a new window or self to open in the same browser window tab IMAGE CONTENT rendered as is using supplied image in src attnbute spotinfo src relative path to content image PNG or PG sootinfo ud URL of a page to bro
10. are presented immediately using ther content animated indicator dosent shore Freed poston oser TE os _ Disable Hotspot While on the Hot spots tab place a new spot on the curently selected image via left Page 1 6 mouse click You can drag the spot on the image with your mouse move it via Ctr Up WEBROTATE360 COM 53 N EL MOLINO AVE SUITE 443 PASADENA CA 91101 Tel 800 996 8617 WebRotate 360 LLC rev 07 15 2011 ll Down Left Right arrow keys You can also delete it with the Delete key or via nght click context menu Proceed to the next image either by rolling your mouse wheel using the Next Prev buttons on the left or via the Space key on your keyboard Use the Path Details controls on the Hot spots tab to set color and opacity of hot spot trajectones and spot selection circles to make it more visible on your images If you have many hot spots it s sometimes useful to hide other hot spot trajectones while you are working on the current path You can do this by selecting the Hide inactive path checkbox underthe Path Details To add a custom logo image to the left top comer of your product viewer create a new hot spot check Fixed position and assign X Y coordinate for example 5 and 5 Then select your logo image and the action URL if required on the Content and Action tabs accordingly Sel
11. depth Forexample if your viewer is configured to be 500 x 375px on the product pages and you want to support x 2 zoom the images should be at least twice the size of the viewer to present in good quality when zoomed in or about 1000 x 750px NOTE for sharpest product presentation we recommend producing 360 images that are just a bit larger than what they would appear when zoomed in full This will result in J PG images being 80 100 KB per image foran average product image with no background and with a decent J PG quality which isa 2 MB download for 20 images For the average broadband cable speeds at about 3 Mbit sec read more this is 4 5 sec wait time fora complete view to load This wait should work well for the majonty of e commerce applications Note that WebRotate 360 viewer downloads and shows the first pre loader image immediately so your webpage visitor has something to look at while the rest of the imagesare downloaded and processed Same applies to the full screen mode where to keep the original image sharpness you will need to produce images that are noticeably larger than your viewing box on the product pages WebRotate 360 viewer has two settings that control image presentation in full screen mode see the XML Configuration section above When saving images always use the Save for Web option if available so you can optimize images specifically for Web presentation Don t overoptimize as even high quality JPG compression
12. ect Save to create a new XML configuration file It will be saved on the same level with the image folder that you onginally selected To preview or publish your changes click Preview button and specify your output folder desired viewer dimensions and View Name Then select Publish to generate a complete viewer package and automatically open the viewer in your default browser You can adjust the settings further and re publish to your destination location again Published files can be used for integrating with your website or copying to your web server for testing as is Page 1 7 WEBROTATE360 COM 53 N EL MOLINO AVE SUITE 443 PASADENA CA 91101 Tel 800 996 8617 WebRotate 360 LLC rev 07 15 2011 ll mate Use Open button to open and edit existing XML configuration You can also use drag and drop to quickly open existing configurations by dragging them with your mouse from Windows Explorer onto the application window You can also use Save As command to save cunent XML configuration using a different file name NOTE XML configuration file is always saved on the same level with your image folder This way we can ensure that the relative location of the images that is saved in the XML file remains constant and will not break as you copy the views from local folders on your computer to the web server Using template configuration Sp otEditor installer placesa defa
13. exe under Software that can dramatically simplify creation of XML configuration with hot spots For more information about this utility please see the following section SpotEditor Guide Sp otEditor utility provides a simple and convenient way for creating full featured 360 product views with hot spots with just a few mouse clicks You can create an XML configuration by Simply pointing it to a folder with images on your hard dnve and hitting Save or use the Preview button to generate a complete set of redistnbutable files with images and configuration that you can test in your local browser or move asisto you web server SpotEditor also supports templates that make it possible to use existing XML files as templates for new product views thus saving a lot of time on projects with a large number of views that Share the same settings and hot spots WebRotate 360 SpotEditor v2 5 3 config basica De Rediste 360_assets SampieShoe images F Uncheck E you plan to use mon Latin HE Fihetapot test sorten Pash ha m ey SSS rn manet ea nn TER pa an F yr Feeighestons and supper smal suppod wenkmesicomor vial tien WebRotate 350 LLC 2011 Page 1 5 WEBROTATE360 COM 53 N EL MOLINO AVE SUITE 443 PASADENA CA 91101 Tel 800 996 8617 WebRotate 360 LLC rev 07 15 2011 Below is a quick guide on how to install and use the utility Install SootEditor by executing Setup exe provided u
14. hese steps WebRotate 360 product viewer uses existing images that you or your photographer will need to capture first You can use any number of 360 degree images or even just a single image in case you need to showcase your product features with just interactive hot spots and without 360 degree rotation Images may need to be re sized or cropped for better presentation and faster loading and you can use your favonte image editing software e g Adobe Photoshop to achieve desired results Read more about recommendations on image numbers and dimensions below Preparation of 360 degree Images Once images are ready copy them into a folder on your hard drive that you will use for publishing to your web server For example you can create a folder for each of your products and copy images underthe Images folder under conesponding product folder as follows Fr di 360 assets Product I Images 4 Search Organize fm Preview Y Slide show Print E mail Bum Fv 0 o MySite Filename 0 jpg dk BestBuyShoes com Filename 1 jpg di 360 assets Filename 2jpg dk Product 1 Filename 3 jpg Images Filename 4 jpg di Product 2 i Filename 5 jpg dk Product 3 Filename 6 jpg Product 4 Filename 7 jpg Product 5 im Filename 8 jpg ding Filename 2jpg Date taken Specify date taken Rating JPEG image Tags Add a tag Page4 WEBROTATE360 COM 53 N EL MOLINO AVE SUITE 443 PASADENA CA 91101 Tel
15. mages Filename_3 jpg gt lt image src Images Filename_4 jpg gt lt image src Images Filename_5S jpg gt lt image sre Images Filename_6 pg gt lt image src Images Filename 7 jpg gt lt image src Images Filename_8 jpg gt lt images gt config gt Each such configuration file can be stored under corresponding product folder Note that the SpotEditor utility always creates configuration xml on the same level with the selected image folderas shown on this picture N Gr 360 assets Product 1 En Search Product 1 p Organize v C Edit Burn New folder sv GO MySite di Images BestBuyShoes com E config xml do 360 assets Kanin Product 1 E Images Product 2 Product 3 Product 4 Product 5 v amp config xml Date modified 4 3 2011 12 23 PM Date created 4 3 2011 11 49 AM v XML File Size 1 23 KB Sy aw WEBROTATE360 COM 53 N EL MOLINO AVE SUITE 443 PASADENA CA 91101 Tel 800 996 8617 WebRotate 360 LLC rev 07 15 2011 The last step isto add a simple piece of JavaScript code to your HTML page ora server side script e g PHP and reference included CSS and J Sfiles as follows lt head gt lt title gt webRotate 360 Viewer Integration Sample lt title gt lt link type text css rel styl esheet href imagerotator html css basic css gt lt link lt script type text javascript src imagerotator html js jq
16. mages and other resources e g hot spots that viewer will need to load when rendered on your web pages The same XML configuration file is used to specify a vanety of viewer options such as user controls hot spots zooming rotation parameters colors and other features Please see a sample configuration file located under 360 assets SampleShoe to review the XML format and default values USER INTERFACE lt userlnterface gt preloader image Relative path to an image that viewer downloads and shows first Path is relative to imageRotator settings config File URL or imageRotatorsettings rootPath supplied on a web page see Viewercomponents and API Other supported values none first userinterface showZoomButtons Show hide zoom button Values true false userinterface showHotspotsButton Show hide hot spots on off switch button Values true false Page O userinterface showFullScreenButton WEBROTATE360 COM 53 N EL MOLINO AVE SUITE 443 PASADENA CA 91101 Tel 800 996 8617 WebRotate 360 LLC rev 07 15 2011 d Show hide full screen button Values true false userinterface showTogglePlayButton Show hide play button Values true false userinterface showArrows Show hide left and right arrow rotational buttons Values true false userinterface showToolTips Enable disable popup hint tooltip text on mouse hover over controls Values true false userinterface toolba
17. nder Software It may ask to install Microsoft NET components if not available on your computer already A shortcut will be placed on yourdesktop upon successful software installation Start the software by clicking on the new desktop shortcut Select New and use the folder browser dialog to select a folder with product images Once selected all images from this folder will be loaded into the application window according to their filename numbering You will be able to review each image by simply scrolling your mouse wheel using the Space key on your keyboard or via the Next Prev buttons on the left of the application window Adjust viewer settings on the User Interface and Control tabson the right according to your preferences Navigate to the Hot spots tab and select the New button to create a new hot spot Use the Edit Soot dialog to configure hot spot name fixed position if desired rollover content action and other hot spot presentation settings Note that hot spot rollovers images and Flash swfs are copied into a new folder called spots that will be created under the same folder with the product images that you onginally selected and will be referenced in the configuration file upon saving Check Foard postion i you need to place the hotspot in a predefined postion thnk will net change during product rotation or rooming Hotspots with heed poslin
18. rAlign Align bottom controls toolbar controls all together to the left nght or center of the viewer Values left nght c enter userlnterface toolbarForeColor Color of toolbar controls Values html color example 999999 userinterface toolbarHoverColor Color of toolbar controls on mouse over Values html color example 999999 userinterface toolbarAlpha Transparency of toolbarcontrols Values 0 to 1 examples 0 3 0 67 0 85 userlnterface toolbarBackColor Color of toolbar background Values htm color example 999999 userinterface toolbarBackAlpha PageY Transparency oftoolbar background Values 0 to 1 examples 0 3 0 67 0 85 WEBROTATE360 COM 53 N EL MOLINO AVE SUITE 443 PASADENA CA 91101 Tel 800 996 8617 userlnterface progressLoopColor Color of progress indicator Values html color example 999999 userlnterface progressNumColor Color of progress indicator percentage numbers Values htm color example 999999 userlnterface flashEmbedFonts If set to false Flash viewer doesn t use embedded fonts which makes it possible to show hot post text with different character sets e g Cynilic Values true false CONTROL lt control gt control maxZoom Zoom in depth in percent The setting applies when user clicks the Zoom in button in regular mode not full screen Minimum value is 100 which is equivalent to no zoom 1 1 Values Numenc starting with 100
19. rotator swf and a JavaScript component imagerotatorjs The two are working together in such way that Flash component is only loaded when visitors browser has Flash plugin installed 90 of all computers If Flash is not supported on visitors computer or a device asin the case with Apple iPad and iPhone the Flash component is automatically and seamlessly disabled and the J avaScnpt module is activated instead You can still configure the viewer to only run in JavaScript mode even when Flash is available Page 6 WEBROTATE360 COM 53 N EL MOLINO AVE SUITE 443 PASADENA CA 91101 Tel 800 996 8617 WebRotate 360 LLC rev 07 15 2011 Note that the JavaScript mode is still limited in functionality and curently doesn t support several features such as zoom full screen and dynamic hot spots We are working on adding these features in the future releases Following isthe list of viewer settings that you can specify on your web page _imageRotator settings jsScriptOnly Specify whether Flash component should be disabled even when the Flash plugin is present in visitors browser Values true false Default Is false _imageRotator settings swfFileURL Relative path to imagerotator swf which by default islocated underthe imagerotator folder _imageRotator settings configFileURL Relative orabsolute path to XMLconfiguration file fora given product _imageRotator settings rootPath This optional setting can be used to specify
20. st software updates You can also subscribe to our NewsLetteron ourhome page via RSSfeed on our Blog follow uson Twitter or Facebook For support and feature requests please e mail us at sup pot webrotate360 com Page 2 0 WEBROTATE360 COM 53 N EL MOLINO AVE SUITE 443 PASADENA CA 91101 Tel 800 996 8617
21. uery 1 4 2 min js gt lt scr lt script type text Javascript src imagerotator html js swfobject js gt lt script gt lt script type text Javascript src imagerotator html js imagerotator js gt lt script gt Add CSS and script includes lt head gt specify wrapping DIV dimensions that will be used to automatically resize the viewer lt body gt lt div id content style width 400px height 320px border 1px solid cecfd2 gt 2 lt div id wr360PlayerId class wr360 player gt lt div gt amp Add empty DIV with class lt script language javascript type text javascript gt wr360 player and assign its id _imageRotator settings jsscriptonly false _imageRotator settings swfFi leurRL jmagerotator imagerotator swt Copy the following script block _imageRotator settings configFileuRL 360 assets Sampleshoe config xml somewhere below the D IV and update imageRotator settings imagerotator runImagerotator wr360PlayerId accordingly lt script gt lt div gt body gt NOTE The new version of SpotEditor utility included with the 2 5 3 viewer package allows creating a complete set of redistnbutable 360 viewer files with images including sample HIML preview code as shown on the screenshot via Preview button see more information below in the document Viewer components and API WebRotate 360 product viewer consists of two pnmary modules Flash SWF component image
22. ult config xml under Program Files WebRotate 360 Spoteditor This configuration file is used by default as a template when configunng new product views You can modify this default XML configuration file and set your custom template parameters that will be used by default when creating new product views Another option is to select a custom template which can be any XML configuration file you have created previously using the Set Template button on the left side of the application window All viewer settings including hot spot information will be canied over to a new product view when creating from a template XML configuration NOTE we re are constantly improving the SpotEditor utility Please visit our Blog or subscribe to our News Letter on our home page forup to date information on our latest updates and releases Page 1 8 WEBROTATE360 COM 53 N EL MOLINO AVE SUITE 443 PASADENA CA 91101 Tel 800 996 8617 WebRotate 360 LLC rev 07 15 2011 Preparation of 360 degree images In our 360 product photography projects we usually produce 20 36 images per product and this is what we recommend to most of our clients 20 imagesin particular offera good balance between smoothness of the animation download wait times and the amount of required photography and post production efforts The next question to consider is viewer dimensions when placed on your webpages and its zoom
23. wse on click spotinfo unfarget can be blank to open in a new window or self to open in the same browser window tab FLASH CONTENT rendered as is using supplied Flash component in src attnbute spotinfo src relative path to the location of Flash component SWF sootinfo ud URL of a page to browse on click spotinfo unfarget can be blank to open in a new window or self to open in the same browser window tab Hot spots with either Image or Flash content can also define the attnbute of text content In this case the text is rendered just below a hot spot image or flash graphic with a small bottom margin and centered honzontally Each dynamic hot spot i e absolutePosition false is also defined separately under corresponding lt mage gt element Supported attributes for the hotspot element when specified under lt mage gt are hotspot source should be exactly the same asthe id of this hot spot under lt hotspots gt hotspot offset X coordinate in pixel relative to the left top comer of an image hotspot offsetY Y coordinate in pixel relative to the left top comerof an image Page 1 4 WEBROTATE360 COM 53 N EL MOLINO AVE SUITE 443 PASADENA CA 91101 Tel 800 996 8617 WebRotate 360 LLC rev 07 15 2011 NOTE Configuring images and hotspots manually via XML can be very time consuming Thats why we also provided a free SpotEditor utility see Setup
Download Pdf Manuals
Related Search