Javascript

Xtrato · #1 04-29-2013, 11:27 AM

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

philrisk · #2 04-30-2013, 05:52 AM

Check what jquery you have already on the site, x-cart uses it out of the box. I have had it clash before. You may find by removing the line for jquery.min in your code it may start working.

Xtrato · #3 04-30-2013, 06:33 PM

thanks!, i tried to load it with the X-Cart jquery, but it didnt work ether..

I have attached the simple version of the slider, is very nice, can someone help me get it up on the xcart? thanks!

--- actually xcart doesnt allow zip files, can anyone willing to help send me a message , ill send the files over

philrisk · #4 04-30-2013, 11:28 PM

I use this slider on my homepage. Works well and I think I use xcart's jquery. http://responsiveslides.com/



	X-Cart forums © 2001-2020