WordPress.org

Forums

Events Manager
[resolved] Master Slider Not Working in Single Event Page (5 posts)

  1. pcoles
    Member
    Posted 1 year ago #

    Hi,
    I am trying to use a master slider (java not plugin) in my event management system.

    I have a post with the slider working

    http://www.whatsonoundle.org.uk/testing-slider/

    when I try and use the same code in an event the slider doesn't appear

    http://www.whatsonoundle.org.uk/events/oundle-international-festival/

    I guess I;m just missing something somewhere, any help would be appreciated.

    Thanks

    https://wordpress.org/plugins/events-manager/

  2. pcoles
    Member
    Posted 1 year ago #

    also working great on event lists page

    http://www.whatsonoundle.org.uk/?pno=2

    (scroll down a bit to see)

    Hope this helps narrow it down

  3. caimin_nwl
    NetWebLogic Support
    Posted 1 year ago #

    What code are you using?

  4. pcoles
    Member
    Posted 1 year ago #

    Sorry I'm not sure I understand your question but

    this is added to the HEAD section

    <!-- Base MasterSlider style sheet -->
    <link rel="stylesheet" href="../masterslider/style/masterslider.css" />
    <!-- Master Slider Skin -->
    <link href="../masterslider/skins/default/style.css" rel='stylesheet' type='text/css'>
    <!-- MasterSlider Template Style -->
    <link href='style/ms-partialview.css' rel='stylesheet' type='text/css'>
    <!-- google font Lato -->
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
    <!-- jQuery -->
    <script src="../masterslider/jquery-1.10.2.min.js"></script>
    <script src="../masterslider/jquery.easing.min.js"></script>
    <!-- Master Slider -->
    <script src="../masterslider/masterslider.min.js"></script>
    <!-- Template js -->
    <script src="js/masterslider.partialview.dev.js"></script>
    <style type="text/css">
      .syntaxhighlighter.html{
        max-height: 400px;
      }
    </style>

    this is then added to the body section to display the slider

    <div class="ms-partialview-template" id="partial-view-1">
    <!-- masterslider --></p>
    <div class="master-slider ms-skin-default" id="masterslider">
    <div class="ms-slide">
    <img src="../img/blank.gif" data-src="../img/1.jpg" alt=""/></p>
    <div class="ms-info">
    <h3>ALISON BALSOM</h3>
    <h4>Oundle School Chapel 11th July</h4>
    <p><em>“She makes the trumpet sing with an irresistible exuberance and eloquence.”</em> Richard Morrison, The Times<br />
    <a href="http://www.oundlefestival.org.uk/oundle-international-festival/4-dummy-article-1" title="Oundle Festival">more…</a></p>
    </div>
    </div>
    <div class="ms-slide">
    <img src="../img/blank.gif" data-src="../img/2.jpg" alt=""/></p>
    <div class="ms-info">
    <h3>CALEFAX REED QUINTET</h3>
    <h4>Oundle Festival 2014</h4>
    <p><em>“Five passionate wind players. Virtuoso musicians and brilliant arrangers. The creators of a completely new genre: the reed quintet.”</em><br />
    <a href="http://www.oundlefestival.org.uk/oundle-international-festival/4-dummy-article-1" title="Oundle Festival">more…</a></p>
    </div>
    </div>
    <div class="ms-slide">
    <img src="../img/blank.gif" data-src="../img/3.jpg" alt=""/></p>
    <div class="ms-info">
    <h3>LORD CHAMBERLAIN’S MEN</h3>
    <h4>Oundle Festival 2014</h4>
    <p><em>“The unique mixture of location, climate and performance makes the relationship between the actors, the text and the audience a truly thrilling event.”</em><br />
    <a href="http://www.oundlefestival.org.uk/oundle-international-festival/4-dummy-article-1" title="Oundle Festival">more…</a></p>
    </div>
    </div>
    <div class="ms-slide">
    <img src="../img/blank.gif" data-src="../img/4.jpg" alt=""/></p>
    <div class="ms-info">
    <h3>MINA MIDDLETON</h3>
    <h4>Oundle Festival 2014</h4>
    <p><em></em><br />
    <a href="http://www.oundlefestival.org.uk/oundle-international-festival/4-dummy-article-1" title="Oundle Festival">more…</a></p>
    </div>
    </div>
    <div class="ms-slide">
    <img src="../img/blank.gif" data-src="../img/5.jpg" alt=""/></p>
    <div class="ms-info">
    <h3>THE BEN SMITH BAND</h3>
    <h4>Oundle Festival 2014</h4>
    <p><em></em><br />
    <a href="http://www.oundlefestival.org.uk/oundle-international-festival/4-dummy-article-1" title="Oundle Festival">more…</a></p>
    </div>
    </div>
    </div>
    <p><!-- end of masterslider -->
    </div>
    <p><!-- end of template --><br />
    <script type="text/javascript">
    var slider = new MasterSlider();
    slider.setup('masterslider' , {
    width:760,
    height:400,
    space:10,
    loop:true,
    view:'prtialwave'
    });
    slider.control('arrows');
    slider.control('slideinfo',{insertTo:"#partial-view-1" , autohide:false});
    slider.control('circletimer' , {color:"#FFFFFF" , stroke:9});
    $('#myTab a').click(function (e) {
    e.preventDefault()
    $(this).tab('show')
    });
    SyntaxHighlighter.all();
    </script></p>

    If you look at the working pages with firebug the code HTML has been changed to do the "slider stuff" on the non working pages this hasn't happened it is as if the javascript hasn't been called.

    Paul

  5. Philip John
    Member
    Posted 1 year ago #

    Hiya,

    Given this isn't an issue with EM itself, this isn't strictly the right place.

    Have you used a slider library for this? If so, try their support forums if they have one, or a site like StackExchange, which is more suited to general coding queries like this.

    Thanks

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic