One slider works but stops the other ones working?

Question

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?

show us how did you initialize nivo object in your html page — Rami Alshareef, Mar 23 '13 at 19:26
I did exactly like in this tutorial http://dev7studios.com/nivo-slider/#/documentation — MobiusApps, Mar 23 '13 at 19:28
check that the second image is exists and its url in correct `http://food-ies.fr/images/diapo_haut/exemple_diapo2.jpg` — Rami Alshareef, Mar 23 '13 at 19:31
it does not exist yet. but normaly it puts an orange background — MobiusApps, Mar 23 '13 at 19:34

score 1 · Accepted Answer · edited Jul 05 '13 at 22:50

1

I added this code under the jQuery:

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

It now works perfectly!

edited Jul 05 '13 at 22:50

dsgriffin

66,495
17
137
137

answered Mar 24 '13 at 16:17

MobiusApps

93
11

Chad Hampton · Answer 2 · 2013-04-23T16:07:50.543

.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()

One slider works but stops the other ones working?

2 Answers2