Master Slider Not Working in Single Event Page

also working great on event lists page

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

(scroll down a bit to see)

Hope this helps narrow it down

What code are you using?

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='https://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="https://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="https://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="https://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="https://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="https://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

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