Just showing images, no slider functionality

[stephenjames716]

Hello,

I would really appreciate if someone could please take a look at the following page and offer any suggestions on how to get this working:

http://www.citydiningcards.com/test

Our website is hosted through a local company who has a proprietary CMS. I have tried adding the css, javascript and script files in the header files of the site and the slider doesn't work. I have a working test page setup outside of the CMS which can be viewed here: http://66.147.244.178/~blockcl1/files/anything_slider/#&panel1-1

I tried taking all the html files from that test page and putting them into the test page (which is how the citydiningcards.com/test page is currently setup). That also doesn't make the slider work.

I've tried taking a look at the error consoles in web developer tools in safari and firefox and doesn't see anything that would cause the slider from not working.

I would really appreciate any help or suggestions that anyone could offer to get the slider working on citydiningcards.com/test.

Thank you for your time, Steve

[Mottie]

Hi stephenjames716!

Sorry for taking so long to respond. =(

But It looks like jQuery no conflict is being set, so $ would be undefined. So down in the code to set up the sliders, change all the $ to jQuery. I think that will do the trick.

[stephenjames716]

Hello Mottie,

Please don't apologize, I really appreciate your time and response.

I switched out all of the "$" with "jQuery" but unfortunately that didn't work. When I tried to view the updated page in chrome I received a message on the top of chrome saying it could not load shockwave flash. I also noticed when trying to view the source in firefox that under "View Frame Source" it list's "javascript; false;".

I hope you could take another look for me and that one of the notes I made above is helpful.

Thanks again, Steve

[Mottie]

I tested it, just change the two instances of this line:

$(function(){

to this:

jQuery(function($){

[stephenjames716]

Hello Mottie,

Thank you. We are making some progress as the sliders aren't just stacking separately. Right now they just aren't displaying though. Any other suggestions would be really appreciated.

Thank you, Steve

[Mottie]

On line 135, change the "jQuery" back to a "$" LOL

var txt = slider.jQueryel[0].id + ': ' + e.type + ', now on panel #' + slider.currentPage;

should be:

var txt = slider.$el[0].id + ': ' + e.type + ', now on panel #' + slider.currentPage;

[stephenjames716]

Hi Mottie,

Awesome! We finally have slider functionality! Thank you!

The only issue remaining is that all the slider images except for the one with video are being stretch to a height of 1625px. They should only 313px tall from #main #slider1 call in page.css but for some reason 1625px is being used instead.

Thanks for your continued help.

Steve

[Mottie]

Try setting a height:

#slider1 { height:313px; }

I don't have the time to figure out why the width isn't setting itself to 1800px, but it's just a matter of css now, I think.

[stephenjames716]

Hi Mottie,

Thanks so much. I was able to figure it out due to all of your help. Have a great weeekend!

Steve

[Mottie]

You too!