Okay so thanks to the advice I received earlier about sliders, I've managed to create the following page which also has my iOS Slider working alongside, with a bit of script controlling the conflict between the two libraries used. However, I now want to add in a further JQuery library to create the "puff" effect on a div.
The problem is, when I add in the puff code I have, it breaks the page and none of the libraries will work. Below is a link to the iOS Slider and BGStretcher page with a further link showing the puff test document (please excuse the simplicity for the moment, I am simply trying to get it working ).
www.psychobeing.co.uk/2012/demo/index.html
www.psychobeing.co.uk/2012/demo/pufftest.html
I'm fairly sure I need to do some more work with a conflict script or maybe do the puff effect some other way using the existing libraries? Surely the latest version of JQuery should incorporate all of the features and there should be no need for these conflicts, unless I'm missing something?
I've tried reordering the scripts and adding in the noConflict script below between the puff effect script and the others but it still doesn't work, if anything it means nothing works! . Any help would be much appreciated!
From what I can tell there is a conflict between the iOSSlider and BGStretcher scripts and the following: