CODEWITHSUNDEEP
jqueryhtmlwebsliderconflict
MobiusApps
MobiusApps

Reputation: 73

One slider works but stops the other ones working?

I'm creating a website for my restaurant.

I had 2 working image sliders in here http://food-ies.fr/livraison-kebab-grillades.html

But when I add a nivo slider and add <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script> to the header see here http://food-ies.fr/index.html

The image sliders stop!

Anyone have a clue?

Upvotes: -1

Views: 486

Answers (2)

MobiusApps
MobiusApps

Reputation: 73

I added this code under the jQuery:

<script>
  var $j = jQuery.noConflict();   
  // Use Prototype with $(...), etc.
  $('someid').hide();
</script>

It now works perfectly!

Upvotes: 0

Chad Hampton
Chad Hampton

Reputation: 1

.live() calls were removed from jquery 1.9.1 which is nivo uses. nivo will load the first image but .live is used during the swapping of the images.

Search and replace .live in both the jquery.nivo.slider.js and jquery.nivo.slider.pack.js like the following example..

Old: $('a.nivo-nextNav', slider).live('click', (etc.)

New: $(document).on('click', 'a.nivo-nextNav', (etc.)

I came across 2 places in each file that used .live()

Upvotes: 0

Related Questions