constant spin loading but no image popping up - colorbox -

when clicking links, popup box expected images won't load, spins , spins. paths ok far can see.

html:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>   <link rel="stylesheet" href="colorbox/colorbox.css" /> <script src="colorbox/jquery.colorbox.js"></script>   <p><a class="group1" href="http://www.paycoservices.co.uk/colorbox/content/ohoopee1.jpg" title="me , grandfather on ohoopee.">grouped photo 1</a></p> <p><a class="group1" href="http://www.paycoservices.co.uk/colorbox/content/ohoopee1.jpg" title="on ohoopee child">grouped photo 2</a></p> <p><a class="group1" href="http://www.paycoservices.co.uk/colorbox/content/ohoopee1.jpg" title="on ohoopee adult">grouped photo 3</a></p> 

js

$(document).ready(function(){             //examples of how assign colorbox event elements             $(".group1").colorbox({rel:'group1'});             $(".group2").colorbox({rel:'group2', transition:"fade"});             $(".group3").colorbox({rel:'group3', transition:"none", widt  h:"75%", height:"75%"});             $(".group4").colorbox({rel:'group4', slideshow:true});             $(".ajax").colorbox();             $(".youtube").colorbox({iframe:true, innerwidth:640,  innerheight:390});             $(".vimeo").colorbox({iframe:true, innerwidth:500,  innerheight:409});             $(".iframe").colorbox({iframe:true, width:"80%",  height:"80%"});             $(".inline").colorbox({inline:true, width:"50%"});             $(".callbacks").colorbox({                 onopen:function(){ alert('onopen: colorbox  open'); },                 onload:function(){ alert('onload: colorbox has started  load targeted content'); },                 oncomplete:function(){ alert('oncomplete: colorbox has  displayed loaded content'); },                 oncleanup:function(){ alert('oncleanup: colorbox has  begun close process'); },                 onclosed:function(){ alert('onclosed: colorbox has  closed'); }             });              $('.non-retina').colorbox({rel:'group5', transition:'none'})             $('.retina').colorbox({rel:'group5', transition:'none',  retinaimage:true, retinaurl:true});              //example of preserving javascript event inline calls.             $("#click").click(function(){                  $('#click').css({"background-color":"#f00",  "color":"#fff", "cursor":"inherit"}).text("open window again , message still  here.");                 return false;             }); }); 

and jsfiddle http://jsfiddle.net/kuaet/2/

chrome console gives these errors general far can see , not related (although know, need sorting!)

get http://www.paycoservices.co.uk/resources/demos/style.css 404 (not found) newsliderdev.asp:20 http://www.paycoservices.co.uk/ahkerrigan-light-webfont.woff 404 (not found) newsliderdev.asp:1 resource interpreted font transferred mime type application/octet-stream: "http://www.paycoservices.co.uk/ahkerrigan-light-webfont.ttf".

after using various versions of colorbox , jquery found set works , solves issue down versions of colorbox , jquery using. jquery 1.6.4 , current version of colorbox work perfectly.