What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Trying to run Jquery Supersized AND a lightbox Jotform on same page? NOT WORKING

    Asked by kstateskier on February 02, 2011 at 12:03 PM

    I have a site where the homepage needs to run Jquery Supersized for background rotating images and I also need to run a lightbox Jorform for a Join Mailing List.  They aren't cooperating with each other.  How do i fix?  Below is my head tag JS code. 

        <script type="text/javascript" src="//www.dieselbarbershop.com/js/jquery.min.js"></script>
        <script type="text/javascript" src="//www.dieselbarbershop.com/js/effects.core.js"></script>
        <script type="text/javascript" src="//www.dieselbarbershop.com/js/effects.slide.js"></script>
        <script type="text/javascript" src="//www.dieselbarbershop.com/js/supersized.2.0.js"></script>

    <script type="text/javascript"> 
            $(function(){
                $.fn.supersized.options = { 
                    startwidth: 640, 
                    startheight: 480,
                    vertical_center: 1,
                    slideshow: 1,
                    navigation: 0,
                    transition: 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
                    pause_hover: 0,
                    slide_counter: 0,
                    slide_captions: 0,
                    slide_interval: 8000 
                };
                $('#supersize').supersized();
            });
        </script>
    <script src="//www.jotform.com/min/g=feedback" type="text/javascript">
    new JotformFeedback({
    formId:'10292155903',
    base:'http://www.jotform.com/',
    windowTitle:'Join Mailing List',
    background:'#69B9FA',
    fontColor:'#FFF',
    type:false,
    height:300,
    width:450
    });
    </script>

     

    I've already read about noConflict

    <script type="text/javascript">
    $.noConflict();
    // Code that uses other library's $ can follow here.
    </script>

    But it doesn't appear to solve my issue? Or possibly I'm not using it correctly? Syntax? ideas?

    Thank for any help.