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

More

9 years 10 months ago #144319 by chocap

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 ?

Em-

The topic has been locked.

vkuzmin
Offline
Senior Member

More

9 years 10 months ago - 9 years 10 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: 9 years 10 months ago by vkuzmin.

The topic has been locked.

chocap
Topic Author
Offline
New Member

More

9 years 10 months ago #144324 by chocap

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

More

9 years 10 months ago - 9 years 10 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

Warning: Spoiler!

Code:

<p>that pictures looks good!</p>
<!-- jquerry already here and you dont need next string
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
-->
<script type="text/javascript" src="https://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="https://www.mathieusavard.info/threesixty/1.jpg" />
    <img alt="" src="https://www.mathieusavard.info/threesixty/2.jpg" />
    <img alt="" src="https://www.mathieusavard.info/threesixty/3.jpg" />
    <img alt="" src="https://www.mathieusavard.info/threesixty/4.jpg" />
    <img alt="" src="https://www.mathieusavard.info/threesixty/5.jpg" />
    <img alt="" src="https://www.mathieusavard.info/threesixty/6.jpg" />
    <img alt="" src="https://www.mathieusavard.info/threesixty/7.jpg" />
    <img alt="" src="https://www.mathieusavard.info/threesixty/8.jpg" />
    <img alt="" src="https://www.mathieusavard.info/threesixty/9.jpg" />
    <img alt="" src="https://www.mathieusavard.info/threesixty/10.jpg" />
    <img alt="" src="https://www.mathieusavard.info/threesixty/11.jpg" />
    <img alt="" src="https://www.mathieusavard.info/threesixty/12.jpg" />
    <img alt="" src="https://www.mathieusavard.info/threesixty/13.jpg" />
    <img alt="" src="https://www.mathieusavard.info/threesixty/14.jpg" />
    <img alt="" src="https://www.mathieusavard.info/threesixty/15.jpg" />
    <img alt="" src="https://www.mathieusavard.info/threesixty/16.jpg" />
    <img alt="" src="https://www.mathieusavard.info/threesixty/17.jpg" />
    <img alt="" src="https://www.mathieusavard.info/threesixty/18.jpg" />
    <img alt="" src="https://www.mathieusavard.info/threesixty/19.jpg" />
    <img alt="" src="https://www.mathieusavard.info/threesixty/20.jpg" />
    <img alt="" src="https://www.mathieusavard.info/threesixty/21.jpg" />
    <img alt="" src="https://www.mathieusavard.info/threesixty/22.jpg" />
    <img alt="" src="https://www.mathieusavard.info/threesixty/23.jpg" />
    <img alt="" src="https://www.mathieusavard.info/threesixty/24.jpg" />
    <img alt="" src="https://www.mathieusavard.info/threesixty/25.jpg" />
</div>

Last edit: 9 years 10 months ago by vkuzmin.

The topic has been locked.

tpartner
Offline
LimeSurvey Community Team

More

9 years 10 months ago #144328 by tpartner

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

More

9 years 10 months ago #144329 by chocap

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=https://https://chocap.github.io/expe1/familiarisation1?] chocap.github.io/expe1/familiarisation1 ?[/url]

Em-

The topic has been locked.

vkuzmin
Offline
Senior Member

More

9 years 10 months ago #144332 by vkuzmin

Replied by vkuzmin on topic implementing picture in 360° view

You can use iframe also

Warning: Spoiler!

or check your vr code and use it like other viewers:

Warning: Spoiler!

The following user(s) said Thank You: chocap

The topic has been locked.

chocap
Topic Author
Offline
New Member

More

9 years 10 months ago #144338 by chocap

Replied by chocap on topic implementing picture in 360° view

ok thank you very much, I will try this ,
Thanks a lot !!

Em-

The topic has been locked.

Moderators: tpartner, holch

Powered by Kunena Forum

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans

Get started

Welcome to the LimeSurvey Community Forum

implementing picture in 360° view

Lime-years ahead

Legal

About Us

Open Source