Hi,
I'm trying to use the jQuery Cycle Lite Plugin in SilverStripe.
I'm going to describe the steps I took. Maybe someone can tell me what I missed.
1. put jquery.cycle.lite.js and jquery-1.3.2.js in mysite/javascript
2.
Requirements::javascript("mysite/javascript/jquery-1.3.2.js");
Requirements::javascript("mysite/javascript/jquery.cycle.lite.js");
in Page_Controller
3. in Page.ss put
<script type="text/javascript" src="mysite/javascript/jquery.cycle.lite.js"></script>
<script type="text/javascript" src="mysite/javascript/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function() {
$('#slideshow1').cycle();
});
</script>
in the Header
4. in the Body:
<div id="slideshow1" class="pics">
<img style="display: block; z-index: 3; opacity: 1;" src="/themes/BrightSide1/images/madrid1.jpg" width="820" height="120" />
<img style="display: none; z-index: 2; opacity: 0;"src="/themes/BrightSide1/images/madrid2.jpg" width="820" height="120" />
<img style="display: none; z-index: 1; opacity: 0;"src="/themes/BrightSide1/images/madrid3.jpg" width="820" height="120" />
</div>
As a result the first picture is shown, but the images are not "cycled".
Thanks.