X-Cart forums

[sdfjlsdfsdf]

Hi there,

I recently implemented the 'Nivo jQuery Slider'
http://nivo.dev7studios.com/

Onto our sites front page -
http://www.chemist-4-u.com

All was well when tested in Internet Explorer, but alas when I tried it in Firefox, Chrome, and Safari the fancy categories on the left of the page appear below the image generated...

I've tried everything and I'm at a complete loss as to what I need to change to get this working...

Any thought's or suggestions would be immensely appreciated.

[sdfjlsdfsdf]

Further to this with my jQuery slider I can't get the images hidden on load. I've applied the correct style which works on a local test, but could this be related to the order in which the .tpl files are loaded?

I have the script and css <rel= tags inside my head.tpl, and then the code itself for the images inside welcome.tpl...

Any ideas? Really need this sorting even if it costs me some cash.

Plus I have been reading that enabling Fancy Categories is not recommended for speed issues. What replacement mod or system do people currently use?

[sdfjlsdfsdf]

Hmm I'm no longer W3 valid! Surely there is an easy to implement a simple jquery image scroller? It doesn't need to be dynamic... I prefer to make the images myself.

Any suggestions? Free sh*t for help!

[anandat]

it's an overlapping issue. I guess nivo jquery slider is not properly compatible with fancy category module.

You can try another alternative http://www.flashxml.net/banner-rotator.html but it's FLASH based & not jquery. The above site offer free version also & if you don't want logo to be shown then it's very cheap also...just $12 I guess...but very powerful & nice effects too

By the way your user name "sdfjlsdfsdf" on this forum is to funny ...I use such user name while testing of form registration process only

[gb2world]

Have you tried adjusting the z-index on the div named slider to be less than the z-index of the fancy category slide outs? I just tried setting it with firebug to 1, and the menus are now on top.

[sdfjlsdfsdf]

Thanks so much for that it worked a charm, you truly are a legend!

Now I have the awesome task of getting the site revalidated for W3..

If I have placed -

<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>
Inside my 'head.tpl' -

and then write out the slider div in 'welcome.tpl'

Will I need to place {literal} tags around them to get it to read with no validation errors?

Also the images show on load.. been tweaking like mad.. how do I get them to hide! /confused

[gb2world]

It is probably good practice to put {literal} {/literal} tags around your javascript if it is inline in a template - but not to help with validation issues. Instead, what that does is tell smarty to ignore your javascript - since smarty and javascript share some syntax, smarty can break apart your javascript by interpreting it incorrectly. (You don't need these tags for calls to external javascript files - smarty does not look in there.)

For W3C validation errors - I think you have two options - 1) Move the javascript to an external file instead of having it in-line or 2) Try surrounding the javascript with comment html tags so the validator treats it as a comment:

<script type="text/javascript">
<--<![CDATA[
your javascript goes here
]]>-->
</script>


--