hello
i am trying to include a slide show inside a page,my slide show code is running fine in a html page.the code and file name are as follows
jquery.cycle.all.2.73.js
jquery.min.js
this files are the javascript files for the slide show
the CSS file have this code
.slideshow { height: 232px; width: 232px; margin: auto }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }
the code in my html file is
<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'toss' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
</script>
AND
<div class="slideshow">
<img src="images/winter.jpg" width="200" height="200" />
<img src="images/Bluehills.jpg" width="200" height="200" />
<img src="images/Sunset.jpg" width="200" height="200" />
<img src="images/water.jpg" width="200" height="200" />
</div>
here is the work i have done in php page.php
I have written the below code under
public function init() {
parent::init();
//MY CODE
Requirements::Javascript("mysite/javascript/jquery.cycle.all.2.73.js");
Requirements::Javascript("mysite/javascript/jquery.min.js");
Requirements::customScript("$(document).ready(function() {
$('.slideshow').cycle({
fx: 'toss'
});
});");
//MY CODE ENDS HERE
I have written this code in Page.ss
<div class="slideshow">
<img src="images/winter.jpg" width="200" height="200" />
<img src="images/Bluehills.jpg" width="200" height="200" />
<img src="images/Sunset.jpg" width="200" height="200" />
<img src="images/water.jpg" width="200" height="200" />
</div>
I have created the images folder and have saved the images there
what i am getting the output is a single image in my page without the slideshow
Please help me out in running this slide show
Thank you in advance
Note:just for information-i have tried the code in this page that also not working
http://ssbits.com/working-with-banners/