Hello
I am trying to add RevealingPhotoSlide in my page,I have 2 js file and one css file and few images,i have saved the css file under themes/template/blackcandy/css and images under themes/template/blackcandy/images ,I need to include the js file in my page and html code in my page,this is how i am doing it.
i have added the below code in my page.php file
public function init() {
parent::init();
Requirements::themedCSS("layout");
Requirements::themedCSS("typography");
Requirements::themedCSS("form");
// my added line
Requirements::themedCSS("style");
Requirements::javascript('mysite/javascript/jquery.js');
Requirements::javascript('mysite/javascript/photorevealer.js');
//adding ended here
}
in Page.ss just under the layour div i have added the below lines
<div id="page-wrap">
<h1>Revealing Photo Slider</h1>
<table><tr>
<td><div class="photo_slider">
<img src="http://localhost/cs_login/themes/blackcandy/images/mthood.jpg"/>
<div class="info_area"> </div>
</div></td>
<td><div class="photo_slider">
<img src="http://localhost/cs_login/themes/blackcandy/images/baloon.jpg"/>
<div class="info_area"> </div>
</div></td>
<td><div class="photo_slider">
<img src="http://localhost/cs_login/themes/blackcandy/images/lighthouse.jpg"/>
<div class="info_area"> </div>
</div></td>
<td><div class="photo_slider"> <img src="http://localhost/cs_login/themes/blackcandy/images/giraffe.jpg"/>
<div class="info_area"> </div>
</div></td>
</tr></table>
</div>
What i am getting is four images in my page without any button for click...in the script i use to get a picture to click so that the image gets bigger.
I have attached the file hwere the script is working fine in simple html.
Hoping that someone will let me know the error and ways to make this working
thank you in advance