Hi,

 

Please see this page: http://www.countyestateagentsltd.com/index2.php

 

You should see a blank area to the right of the welcome text and then a rotating banner below entitled 'OUR LATEST INSTRUCTIONS.' If you scroll down further, there should be a blank 'Testimonials' section.

 

The banner for 'OUR LATEST INSTRUCTIONS' needs the jquery library version 1.7, and if you view the page source, this is what is called on about line 27. However, when this is called, my other two plugins disappear - I think because they both rely on an older version of the jquery library (I'm no expert so please excuse me if that sounds stupid). For your info, the other two plugins are just image sliders with a simple 'fade' effect between different images.

 

Is there a simple way to resolve this without going to find two more plugins that use version 1.7?

 

 

Thanks in advance.

Have to be honest, the JS in that page is a bit of a mess.

 

In your calls to Flexslider around line 55-ish, replace "$" with "jQuery" and it'll work, but you should give some thought to removing all the Spry crap.

I know - I'll never be using Spry again believe me!

 

However, thanks for your help and your honesty. I'll see if that'll work!

Have to be honest, the JS in that page is a bit of a mess.

 

In your calls to Flexslider around line 55-ish, replace "$" with "jQuery" and it'll work, but you should give some thought to removing all the Spry crap.

 

^ This, and you need to make sure you implement your code cleanly.

 

I'll also add as a more general comment:

It's important to understand the libraries you are using; not just blindly use them; so that you can identify any conflicting code and fix it correctly. It's no good just grabbing code from the net and using it blindly, regardless of whether its a jQuery library, an open source PHP library or even just a code snippet.

 

You need to understand the code you are adding and be able to read it and understand what it's doing. If you understand it, you will know quickly whether somethin is conflicting.

 

 

A really easy way to test is by evidence of elimination; try each library independantly without the others (if possible) and the jQuery library version. See whether they work on their own and bring each in one by one; to see where the conflict is happening.

 

 

I would say, you should have a good process when implementing 3rd party scripts of any nature, so that you know that it is fit for purpose and that it's compatible with your software.

 

If we are using a new 3rd party library (even a new version of one we have used before), we always undertake the following:

 

1. Test it on it's own, independantly;

2. Test it against multiple versions of any dependencies (such as previous jQuery library versions; even if it says its supported by version x.x.x)

3. Test it against any other libraries or technology we commonly use

4. Test it on our frameworks to make sure it functions correctly there

5. Go through the library code and learn it; so you know what it's doing and how it works

 

You can gain insights from doing this which will save you time down the line when something doesn't work as planned as you'll already have some idea of where a problem could be occuring and you'll already understand the library if you need to make adjustments to it.

Edited October 13, 201213 yr by FizixRichard

Thank you very much for that. Really informative and helpful.