- Posts: 4
- Thank you received: 0
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
implementing picture in 360° view
- chocap
- Topic Author
- Offline
- New Member
Less
More
7 years 5 months ago #144319
by chocap
Em-
implementing picture in 360° view was created by chocap
Hi to the whole limesurvey community!
I would like to know if it is possible to implement picture shown in 360° degree in lime survey,
In my survey, I would like to show to the participants first the picture in 360° (where they can explore the picture by dragging the mouse in a 360° angle) and then I want to ask them questions.
Do you think it is possible ?
I would like to know if it is possible to implement picture shown in 360° degree in lime survey,
In my survey, I would like to show to the participants first the picture in 360° (where they can explore the picture by dragging the mouse in a 360° angle) and then I want to ask them questions.
Do you think it is possible ?
Em-
The topic has been locked.
- vkuzmin
- Offline
- Senior Member
Less
More
- Posts: 40
- Thank you received: 6
7 years 5 months ago - 7 years 5 months ago #144323
by vkuzmin
Replied by vkuzmin on topic implementing picture in 360° view
I think yes, insert flash/javascript/html5 player code for that images AND set "Filter HTML for XSS:" to Off in Limesurvey Global settings -> Security.
Last edit: 7 years 5 months ago by vkuzmin.
The topic has been locked.
- chocap
- Topic Author
- Offline
- New Member
Less
More
- Posts: 4
- Thank you received: 0
7 years 5 months ago #144324
by chocap
Em-
Replied by chocap on topic implementing picture in 360° view
ok, thank you for your answer, but do you have any clue on how to do that ?
Em-
The topic has been locked.
- vkuzmin
- Offline
- Senior Member
Less
More
- Posts: 40
- Thank you received: 6
7 years 5 months ago - 7 years 5 months ago #144325
by vkuzmin
Replied by vkuzmin on topic implementing picture in 360° view
Which viewer you plan to use? Post a link to it.
For example if you will use www.aspsnippets.com/Articles/360-Degree-...g-jQuery-Plugin.aspx (1st link from google) you should add both javascript and html code to the question where you want to use 360 degrees viever in source editor.
Something like
See also: manual.limesurvey.org/Workarounds:_Manip...tc..29_in_LimeSurvey
For example if you will use www.aspsnippets.com/Articles/360-Degree-...g-jQuery-Plugin.aspx (1st link from google) you should add both javascript and html code to the question where you want to use 360 degrees viever in source editor.
Something like
Warning: Spoiler!
Code:
<p>that pictures looks good!</p> <!-- jquerry already here and you dont need next string <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> --> <script type="text/javascript" src="http://cdn.rawgit.com/matdumsa/jQuery.threesixty/master/jquery.threesixty.js"></script> <script type="text/javascript"> $(function () { //Load the image URLs into an Array. var arr = new Array(); $("#dvImages img").each(function () { arr.push($(this).attr("src")); }); //Set the first image URL as source for the Product. $("#product1, #product2, #product3").attr("src", arr[0]); //Click mode. $("#product1").threesixty({ images: arr, method: 'click', sensibility: 1 }); //MouseMove mode. $("#product2").threesixty({ images: arr, method: 'mousemove', sensibility: 1 }); //Automatic mode. $("#product3").threesixty({ images: arr, method: 'auto', direction: 'forward', autoscrollspeed: 100 }); }); </script> <table border="0" cellpadding="0" cellspacing="0"> <tr> <th> Mouse Click </th> <th> Mouse Move </th> <th> Automatic </th> </tr> <tr> <td> <img alt="" src="" id="product1" /> </td> <td> <img alt="" src="" id="product2" /> </td> <td> <img alt="" src="" id="product3" /> </td> </tr> </table> <div id="dvImages" style="display: none"> <img alt="" src="http://www.mathieusavard.info/threesixty/1.jpg" /> <img alt="" src="http://www.mathieusavard.info/threesixty/2.jpg" /> <img alt="" src="http://www.mathieusavard.info/threesixty/3.jpg" /> <img alt="" src="http://www.mathieusavard.info/threesixty/4.jpg" /> <img alt="" src="http://www.mathieusavard.info/threesixty/5.jpg" /> <img alt="" src="http://www.mathieusavard.info/threesixty/6.jpg" /> <img alt="" src="http://www.mathieusavard.info/threesixty/7.jpg" /> <img alt="" src="http://www.mathieusavard.info/threesixty/8.jpg" /> <img alt="" src="http://www.mathieusavard.info/threesixty/9.jpg" /> <img alt="" src="http://www.mathieusavard.info/threesixty/10.jpg" /> <img alt="" src="http://www.mathieusavard.info/threesixty/11.jpg" /> <img alt="" src="http://www.mathieusavard.info/threesixty/12.jpg" /> <img alt="" src="http://www.mathieusavard.info/threesixty/13.jpg" /> <img alt="" src="http://www.mathieusavard.info/threesixty/14.jpg" /> <img alt="" src="http://www.mathieusavard.info/threesixty/15.jpg" /> <img alt="" src="http://www.mathieusavard.info/threesixty/16.jpg" /> <img alt="" src="http://www.mathieusavard.info/threesixty/17.jpg" /> <img alt="" src="http://www.mathieusavard.info/threesixty/18.jpg" /> <img alt="" src="http://www.mathieusavard.info/threesixty/19.jpg" /> <img alt="" src="http://www.mathieusavard.info/threesixty/20.jpg" /> <img alt="" src="http://www.mathieusavard.info/threesixty/21.jpg" /> <img alt="" src="http://www.mathieusavard.info/threesixty/22.jpg" /> <img alt="" src="http://www.mathieusavard.info/threesixty/23.jpg" /> <img alt="" src="http://www.mathieusavard.info/threesixty/24.jpg" /> <img alt="" src="http://www.mathieusavard.info/threesixty/25.jpg" /> </div>
See also: manual.limesurvey.org/Workarounds:_Manip...tc..29_in_LimeSurvey
Last edit: 7 years 5 months ago by vkuzmin.
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10108
- Thank you received: 3593
7 years 5 months ago #144328
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic implementing picture in 360° view
@vkuzmin, you don't need to include jQuery, it is already there.
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
- chocap
- Topic Author
- Offline
- New Member
Less
More
- Posts: 4
- Thank you received: 0
7 years 5 months ago #144329
by chocap
Em-
Replied by chocap on topic implementing picture in 360° view
I am using this as a viewer
chocap.github.io/expe1/familiarisation1
?
and it as its own javascript, can I still implement it ?[url=http://http://chocap.github.io/expe1/familiarisation1?] chocap.github.io/expe1/familiarisation1 ?[/url]
and it as its own javascript, can I still implement it ?[url=http://http://chocap.github.io/expe1/familiarisation1?] chocap.github.io/expe1/familiarisation1 ?[/url]
Em-
The topic has been locked.
- vkuzmin
- Offline
- Senior Member
Less
More
- Posts: 40
- Thank you received: 6
7 years 5 months ago #144332
by vkuzmin
Replied by vkuzmin on topic implementing picture in 360° view
You can use iframe also
or check your vr code and use it like other viewers:
Warning: Spoiler!
Code:
<iframe align="left" height="480" src="http://chocap.github.io/expe1/familiarisation1" width="640">123</iframe>
or check your vr code and use it like other viewers:
Warning: Spoiler!
Code:
<p>It won't work.</p> <script type="text/javascript" src="http://chocap.github.io/expe1/aframe.min.js"></script> <a-scene> <a-sky src="http://chocap.github.io/expe1/imageTrainingBB2.jpg" width="4352" height="2176"" rotation="0 -130 0"></a-sky> </a-scene>
The following user(s) said Thank You: chocap
The topic has been locked.
- chocap
- Topic Author
- Offline
- New Member
Less
More
- Posts: 4
- Thank you received: 0
7 years 5 months ago #144338
by chocap
Em-
Replied by chocap on topic implementing picture in 360° view
ok thank you very much, I will try this ,
Thanks a lot !!
Thanks a lot !!
Em-
The topic has been locked.