Hero Image JS Slider

[execshirts]

I am trying to take the "Hero Image" JS slider off the Booc ready theme and add it to my current site (www.execshirts.com) I cannot seem to get it to work, I have taken the new .css files and added them and added them to my css.php file and I have added the content sections in my ready theme but it will not work. It just takes both of the photos and displays one below the other with no slider. I had to remove that section until I can fix it because it looks silly.

On my developer site I am running Booc ready theme and everything works well.

On my actual site I am currently running on the Suivant Ready Theme but I have taken bits from Levels and from Booc and added them to my site. I would hope that this stuff could be a little more modular but it is not.

Does anyone know the key issues on getting that slider to work? Or know another slider that would work on the ready theme and still work with mobile devices?

Thanks for your time...

[lesliekirk]

I made the same "wish list" request - did you also happen to grab the javascript needed to make it run? I've used this recommended slider

CSSSLIDY available here: https://github.com/dudleystorey/CSSslidy .

[execshirts]

I did the following:

added: <div id="js-site-wrapper" class="site-wrapper" data-hook="site-wrapper"> to the global header
added hero-slider.css to my css files and added it to php.css
added jquery.min and jquery.slick.min to my js folder
added all the code in the appropriate ready theme sections (copied from booc dev site)

After doing all of that I would think that it should work, those are similar things I did when I had a js slider on an old legacy site. I am going to play around with this a little more to see if I can get it to work. Anyone think of anything else I am missing? If not I will check out the link that you mention, but would rather use the miva slider if I can get the damn thing to work.

[Bruce - PhosphorMedia]

We often use bxslider (www.bxslider.com) as its. Dead Simple. Works. And is documented.

[execshirts]

Thanks...that slider is cleaner but I can't get it to work...I must be missing something...added the following in the head tag:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="/custom-dress-shirts/jquery.bxslider.min.js"></script>
<link href="/custom-dress-shirts/jquery.bxslider.css" rel="stylesheet" />

Then added the following before the </ul> tag:
<script>
$(document).ready(function(){
$('.bxslider').bxSlider();
});
</script>
Any idea what I a missing? Thanks...

[Bruce - PhosphorMedia]

Well, for starters,

http://www.execshirts.com/custom-dre...xslider.min.js

Doesn't exist.

And you should probably put things like scripts in a standard location. For example:

http://www.execshirts.com/js/

[execshirts]

I made sure everything was in there...still couldn't get it to work...the cssslidy works even if it is not as clean...thanks for your help

[Bruce - PhosphorMedia]

The thing is, if you enter:
http://www.execshirts.com/custom-dre...xslider.min.js

You get a page not found. In general, if you can't reach a javascript file via URL, your scripts can't either.

[execshirts]

I made sure that it was in there...and I have the current slider in that folder...my previous legacy slider in that folder...they all worked well. I just can't get it to work...even in an html page offline I could not get it to work...it might be the call script...the other one is working fine so I am just going to stick with it at this point...thanks.