3D Product Photography
3d Object Photography     360 Product Rotate
Account Legal  |  Privacy Contact Us

          
360 Object Rotate
360 degree, Product Rotation    Company       Products       Showcase       Industry       Support       Store  3d Object Rotate, Product Zoom Tool
   Home > Support > Features login  
    Company
    Products
    Showcase
    Industry
    Support
rotate 3d in websiteQuestion & Answers
360 object rotateInstallation
How to prograph products rotateHelp
ptviewer for animated gif    Features
3D jewelry viewer ringsTrouble Shooting
    Store
 
 
Features
What the technical guru looks for

Advanced Options

Your creative team has the opportunity to integrate the 3DRotator™ product viewer seamlessly into your company's Brand Image and website "feel".

Your design team may:

  • Enable or Disable the demo mode at start up
  • Specify your Product's initial Viewing Angle, Zoom Level, and Center Position
  • Improve the accuracy of the Measure Tool and the Units to display ( mm, cm, M, in, ft )
  • Replace the 3DRotator Tool button graphics with your own
  • Replace the 3DRotator Demo button graphics with your own
  • Customize the Message bubble text style and background shape
  • Customize the Measure Tool bubble text style and background shape
  • Add a boarder/graphic inside the 3DRotator viewing area
  • Show a custom message when the Help Button is pressed
  • Zoom-in and Measure your static images with the 2DImager™ viewer


The Details:

The typical html code required to show the 3DRotator viewer on your webpage is: (see viewer Installation for details)


<noscript> <img src='/rotatordata/r00001/spin2-medium.gif' height=200> <br> <a href='http://www.3drotator.com?j=enablejava' style='font-size:10px;'>Enable JavaScript to Rotate, Zoom,<br>and Measure this Product</a> </noscript>
<script src='/rotatordata/rotatorscript.js' > </script>
<script language='JavaScript' type='text/javascript' >
   CustomRotator('r00001', 'abc123DEF456', 'medium', '200', '220', '', "<PARAM NAME ='Demo_At_Start_Up' VALUE='disable'><PARAM NAME ='Zoom_Start' VALUE='1'>", '', '', '', '', '', '' );
</script>

You can add any parameter on this page to the 'additionalParameters' variable shown in purple above, when using the CustomRotator() or RelpaceCustomRotator() functions.

Pay particular attention to where to use a single quote ' and a double quote ". (note: a double quote is not equivalent to two single quotes.)

If all of the viewers on your website are to use the same custom settings, you may be better off modifying the defaultRotatorParameters variable, and/or the TypicalRotator() function, both defined in the rotatorscript.js file. The TypicalRotator() function simply calls the CustomRotator() function with default values. You might also consider creating copies of the TypicalRotator() function with new names for different 'styles' of viewers on your site. Like HTML, the rotatorscript.js file can be opened with any simple text editor like Notepad or Wordpad.




  • Show Demo When Page First Loads:

    <PARAM NAME ='Demo_At_Start_Up' VALUE='enable'>

    Demonstrates how to use the viewer buttons when a webpage first loads. Valid values are 'enable' , 'force' or 'disable'. Advanced webmasters may use cookies to detect frequent visitors who do not need to see the demo on every page. A user may interrupt the demo at any time by simply moving the mouse overtop of the viewer area. A value of 'force' specifies that the entire demo is shown without interruption before the user is allowed to rotate or zoom. The default value is 'enable'.


  • Starting View Angle:

    <PARAM NAME ='Starting_Angle_Horizontal' VALUE='20'>
    <PARAM NAME ='Starting_Angle_Vertical' VALUE='80'>

    changes the initial Viewing angle when the webpage first loads. Valid values are 0 to 360 degrees. Looking straight down on the object would have a 'Starting_Angle_Vertical' value of 0 degrees. The default value varies.


  • Starting Pan position:

    <PARAM NAME ='Starting_Pan_Horizontal' VALUE='50'>
    <PARAM NAME ='Starting_Pan_Vertical' VALUE='50'>

    changes the initial pan position when the webpage first loads. Valid values are 1 to 100. To center the object use a value of 50. The default value is 50.


  • Starting Zoom level:

    <PARAM NAME ='Zoom_Start' VALUE='1'>

    changes the initial zoom magnification when the webpage first loads. Valid values are 1 to 10. 1 being no magnification such that the entire object is shown and 10 is magnify the object by 10 times. The default value is 1.


  • Measure Tool Units:

    <PARAM NAME ='Units' VALUE='in'>

    Sets the units for the measure tool. Valid values are in,ft,mm,cm,M. The default value is 'in'.


  • Measure Tool Accuracy:

    <PARAM NAME ='Max_Dimension' VALUE='15.4'>

    Overrides the object's dimensions to improve accuracy. Units for the value are the same as specified in the 'Units' parameter. Set 'Max_Dimension to '0.0' to use the dimensions measured during the digitization process. This value should be the longest dimension of the object in any direction including diagonals. Adjust until the measure tool provides an accurate result. The default value is 0.0.


  • Custom Button Graphic:

    <PARAM NAME ='Buttons_Graphic' VALUE='button.gif'>
    <PARAM NAME ='Buttons_Path' VALUE='/rotatordata/'>

    <PARAM NAME ='Background_Color' VALUE='255,255,255'>

    Changes the way the buttons look to match your websites style. valid values can be in GIF or JPG file formats. You Must keep the functions of the buttons in the same order as in this template. Buttons Must be evenly spaced. The bottom half of the graphic is for buttons in their highlighted state. If the button graphic width is Larger than the applet width then the graphic will be scaled down to fit. (the height will also be scaled to keep proportions constant). If the button graphic width is Smaller than the applet width then the graphic will be centered in the applet. (in this case the background color specified in RGB will fill the space on either side of the button graphic)




  • Custom Demo Button Graphic:

    <PARAM NAME ='Demo_Button_Graphic' VALUE='demobutton.gif'>
    <PARAM NAME ='Demo_Button_Path' VALUE='/rotatordata/'>

    Changes the small Demo button to match your websites style. 'Demo_Button_Graphic' should be complete with the word Demo. The graphic is never stretched. The bottom half of the graphic is for the demo button in its highlighted state. Valid values can be in GIF or JPG file formats and may be transparent.




  • Custom Message Text Background Graphic:

    <PARAM NAME ='Message_Graphic' VALUE='message.gif'>
    <PARAM NAME ='Message_Path' VALUE='/rotatordata/'>

    Changes the way the message text looks to match your websites style. 'Message_Graphic' contains the border style and background color on which text is written. The graphic is stretched to fit the height and length of the text displayed by repeating the middle row of pixels. Valid values can be in GIF or JPG file formats and may be tranparent. Use the following graphic as a template.




  • Custom Message Text Color, Font, and Padding:

    <PARAM NAME ='Message_Text_Color' VALUE='0,0,0'>
    <PARAM NAME ='Message_Text_Font' VALUE='SansSerif'>
    <PARAM NAME ='Message_Text_Padding' VALUE='3'>

    Changes the color (RGB) and font of the message text to match your websites style. Padding increases the background image size so text does not print on top of borders. If not specified, the parameters take on the values above. Font names other than 'SansSerif' or 'Serif' may extend the initial load time. Examples of Message text are tool-tips, Sharpening, Instructions. (Not Measure tool)


  • Custom Measure Background Graphic:

    <PARAM NAME ='Measure_Graphic' VALUE='measure.gif'>
    <PARAM NAME ='Measure_Path' VALUE='/rotatordata/'>

    Changes the way the measure tool looks to match your websites style. 'Measure_Graphic' contains the border style and background color on which the measurement is written. The graphic is stretched to fit the height and length of the text displayed by repeating the middle row of pixels. Valid values can be in GIF or JPG file formats and may be transparent.




  • Custom Measure Text Color, Font, Size, and Padding:

    <PARAM NAME ='Measure_Text_Color' VALUE='0,0,0'>
    <PARAM NAME ='Measure_Text_Font' VALUE='SansSerif'>
    <PARAM NAME ='Measure_Text_Size' VALUE='10'>
    <PARAM NAME ='Measure_Text_Padding' VALUE='3'>

    Changes the Size, Color (RGB), Font, and Padding of the measurement displayed to match your websites style. Padding increases the background image size so text does not print on top of borders. If not specified, the parameters take on the values above. Font names other than 'SansSerif' or 'Serif' may extend the initial load time.


  • Custom Frame Graphic:

    <PARAM NAME ='Frame_Graphic' VALUE='frame.gif'>
    <PARAM NAME ='Frame_Path' VALUE='/rotatordata/'>

    Changes the frame around the inside of applet to match your websites style. Valid files can ONLY be in Transparent GIF format, the center of your graphic Must be transparent to let the object show through. A Graphic that is not the same size as the applet minus the button height will be stretched to fit. Use the following graphic as a template


  • Help Button:

    <PARAM NAME ='Help_Line_1' VALUE='Go To'>
    <PARAM NAME ='Help_Line_2' VALUE='www.3drotator.com'>
    <PARAM NAME ='Help_Line_3' VALUE='For More'>
    <PARAM NAME ='Help_Line_4' VALUE='Information'>
    <PARAM NAME ='Help_Line_5' VALUE='On The Possibilities'>
    <PARAM NAME ='Help_Line_6' VALUE='For Your'>
    <PARAM NAME ='Help_Line_7' VALUE='Products'>
    <PARAM NAME ='Help_URL' VALUE='http://www.3drotator.com/support/3dhelp.asp'>
    <PARAM NAME ='Help_Window' VALUE='new'>

    • If the NAME = 'Help_URL' is not specified then the user will be sent to the 3DRotator.com help page

    • If the NAME = 'Help_URL' has a value other than 'none' then the web browser will be linked to the webpage specified.

    • In either case, if the NAME ='Help_Window' has a value of 'new' then a new window will be opened for the link. An existing window target Name is also a valid value.

    • If the NAME = 'Help_URL' is set to a value of 'none' then the 'Help_Line_#' values will be displayed inside of the applet when the help button is clicked.

    • Default values for the 'Help_Line_#' are, the object's Brand, Description, and Part Number.


  • 2DImager™ viewer:

    <PARAM NAME ='Image_Name' VALUE='YourImage.jpg'>
    <PARAM NAME ='Hi_Res_Image_Name' VALUE='YourHiResImage.jpg'>
    <PARAM NAME ='Image_Path' VALUE='/rotatordata/'>
    <PARAM NAME ='Max_Dimension' VALUE='10'>
    <PARAM NAME ='Units' VALUE='in'>

    Users can Zoom-in and Measure static images that you provide. Image Files can be in .gif and .jpg formats. The 'Image_Path' can be relative or absolute, start with a '/' for absolute from the website root folder, otherwise is relative to 'rotatordata'. Leave '' (blank) for the 'rotatordata' folder. Must always end with a '/'. If you plan to burn your website to a CD/DVD then all images must be within folders within the 'rotatordata' folder. Max_Dimension is required for the measure tool specified in Units of in,ft,mm,cm, or M. The password 'key' provided on the account page is valid for all image names on the registered website. A licensed quantity of free uses of the 2DImager are included with each 3DRotator Object purchased.

 
Home | Products | Showcase | Support | Orders | Contact Us
Privacy | Terms of Use | Conditions of Sale

Copyright © 2001-2020 3DRotator Communications Incorporated.
3DRotator, (3D), Teleport, and 2DImager are either registered trademarks
or trademarks of 3DRotator Communications Incorporated
in the United States and/or other countries.