360 degree rotation viewer, with support for play/pause, dragging and scrubbing. The swf is easily replaceable, by updating the path in the XML or in the flashvars.
It can be used for 3D objects (like the macbook), panoramas, products detail view, fashion websites, and much more.
In order to replace the displayed swf file, you need to pass a new one. Remember: you need to have no code on your frames. The swf needs to contain only frames, in which your images are displayed one by one, exactly like in the provided fla file.
We will add a more detailed help description as soon as we start receiving questions from you, so please post your questions in the comments tab.
Features:
1. Drag the scroll scrub.
2. Click the scroll bar.
3. Click the product and drag left/right (changes direction).
4. Select the play/pause button, and it auto plays.
5. Click on the hand cursor, and move the scrub around.
6. Click on the scrub bar, and then drag it.
There are currently no frequent asked questions.
As soon as we receive your feedback, we'll update this section permanently.
There are no video tutorials for this flash component yet.
There is currently no current change log for this flash component.
There is currently no additional help provided for this flash component.
Andrei Neamtu
on 7/10/09
You can now use the "moveFlag" attribute from the controller tag to enable/disable the controller movement.
Carrie Copa
on 7/10/09
Shmuli P
on 3/11/09
The sizes is still a problem. Please see http://sandbox.sitegrip.com/guerrilla/...
I updated the
<product swfPath="swf/g2.swf" width="800" height="500"/>in the settings.xmlI also updated var stageW = 800; var stageH = 500; in the index.html.
Please help me.
Binky
on 4/11/09
I have the same problem as nurmaler. I found the object but I cannot modify it.
Thanks for any help
neilkendrick16
on 4/11/09
Any ideas?
Andrei Neamtu
on 6/11/09
If you have Flash CS3 please open the "productCS3.fla" version.
Andrei Neamtu
on 6/11/09
The dimensions in the XML file will be taken in consideration if you don't define the "componentWidth" and "componentHeight" in the HTML embed code or on the "init" function call the params are set to NaN.
So first you can controll the dimensions by the flashvars "componentWidth", "componentHeight", secondly on the banner "init" function(init(componentWidth, componentHeight, pathToFiles, contentXMLPath);) and the last is using the "width" and "height" atttributes in the XML file.
This is how the priority is set.
Mauma
on 10/11/09
I changed the dimensions on the HTML and XML but still that grey stroke inside my movie
any hints ?
Thanx !
Shmuli P
on 10/11/09
We all appreciate your time...
Changing the values in the html work in changing the size of the canvas, but there still is a fixed 560x305 border in the larger canvas (in which the percent numbers is centered in).
Here is the code in the index.html of http://sandbox.sitegrip.com/guerrilla/...
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script type="text/javascript" src="js/swfobject.js"></script> <script type="text/javascript"> var stageW = 800; var stageH = 500; var cacheBuster = Date.parse(new Date()); var flashvars = {}; var params = {}; params.bgcolor = "#ffffff"; params.allowfullscreen = "true"; flashvars.componentWidth = stageW; flashvars.componentHeight = stageH; flashvars.pathToFiles = "productViewer/"; flashvars.settingsPath = "xml/settings.xml"; flashvars.swfPath ="swf/g2.swf"; swfobject.embedSWF("preview.swf?t="+cacheBuster, "myContent", stageW, stageH, "9.0.124", "js/expressInstall.swf", flashvars, params); </script>Please help me, Mauma, and Binky on this.
Thanks!
Andrei Potorac
on 11/11/09