Is there a way to include an image slideshow in my survey?

KatrinHaKatrinHa GermanyCommunity Member Qubie ✭

Is there a way to include an image slideshow in my survey?

Hi,
I am currently working on my master thesis and therefore working on a qualtrics survey. I would like to include an image slideshow within my survey and haven't yet found a way to do so. An easy solution would be to add the different images and put page breaks between them but I would like to know if there is a more "sophisticated" way of doing that?
Thank you very much in advance!

Tagged:

Best Answer

Answers

  • KatrinHaKatrinHa GermanyCommunity Member Qubie ✭

    Thank you very much! I will try this out.

  • KatrinHaKatrinHa GermanyCommunity Member Qubie ✭

    @YASH1T said:
    Hi @KatrinHa

    If you are familiar with css/JS then it helps you create actual slide show with in survey. if you not familiar then try following link. https://w3schools.com/howto/howto_js_slideshow.asp

    Thanks again - unfortunately I can't get the slideshow to actually work. It is displayedcorrectly but nothing happens as I press the next button. From my understanding this problem means the JavaScript is not working properly. Do you know, how exactly to include the JavaScript in the survey? So far I copypasted the JavaScript code like this:

    Qualtrics.SurveyEngine.addOnReady(function()
    {
    var slideIndex = 1;
    showSlides(slideIndex);

    // Next/previous controls
    function plusSlides(n) {
    showSlides(slideIndex += n);
    }

    // Thumbnail image controls
    function currentSlide(n) {
    showSlides(slideIndex = n);
    }

    function showSlides(n) {
    var i;
    var slides = document.getElementsByClassName("mySlides");
    var dots = document.getElementsByClassName("dot");
    if (n > slides.length) {slideIndex = 1}
    if (n < 1) {slideIndex = slides.length}
    for (i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";
    }
    for (i = 0; i < dots.length; i++) {
    dots[i].className = dots[i].className.replace(" active", "");
    }
    slides[slideIndex-1].style.display = "block";
    dots[slideIndex-1].className += " active";
    }

    });

    Do you know what may be wrong? Thank you very much in advance!

  • YASH1TYASH1T Mumbai/IndiaCommunity Member Guru ✭✭

    @KatrinHa , Could you please share the .qsf export of the survey here (if possible) to investigate actual issue of behind js error or any other issue?

  • brookwickbrookwick Community Member Qubie ✭

    I also need to include an image slideshow in my senior thesis. Does anyone have any tips for how to do this? I don't know much about java I will admit.

Sign In to Comment