Hi, im trying to add javascript slider to my site , but it is not working..
i have added the following to /ideal_comfort/customer/home.tpl
in between the <head> tags..
Code:
{literal}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="rs-plugin/js/jquery-ui-1.8.21.custom.min.js"></script>
<script type="text/javascript" src="previewjs/preview-normal.js"></script>
<link href='http://fonts.googleapis.com/css?family=Share' rel='stylesheet' type='text/css' />
{/literal}
and to File: /ideal_comfort/customer/main/home_page_banner.tpl
Code:
<div> myslider</div>
{literal} <script type="text/javascript">
var tpj=jQuery;
tpj.noConflict();
tpj(document).ready(function() {
if (tpj.fn.cssOriginal!=undefined)
tpj.fn.css = tpj.fn.cssOriginal;
tpj('.banner-simple').revolution(
{
delay:9000,
startheight:400,
startwidth:600,
hideThumbs:0,
thumbWidth:100, // Thumb With and Height and Amount (only if navigation Tyope set to thumb !)
thumbHeight:50,
thumbAmount:5,
navigationType:"bullet", //bullet, thumb, none, both (No Thumbs In FullWidth Version !)
navigationArrows:"nexttobullets", //nexttobullets, verticalcentered, none
navigationStyle:"square", //round,square,navbar
touchenabled:"on", // Enable Swipe Function : on/off
onHoverStop:"on", // Stop Banner Timet at Hover on Slide on/off
navOffsetHorizontal:0,
navOffsetVertical:0,
shadow:2, //0 = no Shadow, 1,2,3 = 3 Different Art of Shadows (No Shadow in Fullwidth Version !)
fullWidth:"off" // Turns On or Off the Fullwidth Image Centering in FullWidth Modus
});
});
</script>
{/literal}
but it does not work?.. any idea?, i'd love some help .
Regards