[jQuery] JCarousel + ajax + Safari = trouble!
My first jquery page was to celebrate my new puppy, I had a few
pictures, and I read about JCarousel, so it was simple!
http://cigar.dynalias.org/junior/
then I realized I needed more pictures, and being too lazy to update
the html every time, I decided to parse the index page from my server,
and let ajax do it's stuff... and since it was built into jCarousel, I
gave it a try!
http://cigar.dynalias.org/junior/index-2-dyn.html
And that worked great in my firefox, but it didn't show the
pictures.... It scrolled , and did everything, except the pictures.
So I guessed maybe my simplified callback was to blame:
function loadItemHandler(carousel, start, last, available){
if (!available)
jQuery.get("Pix", function(data) {
var hrefs = data.match(/(href\s*=\s*")[^"]*\.(jpe?g|gif|png)(")/gi);
for (i in hrefs) {
var url = "Pix/" + hrefs[i].match(/"(.*)"/)[1];
var item = carousel.add(i, '<a href="' + url + '" class="Pix"
target="Pix"><img src="' + url + ' /></a>');
}
});
carousel.loaded();
};
hmm, so I tried doing the ajax outside of jCarousel...
http://cigar.dynalias.org/junior/index-3-dyn.html
jQuery.get("Pix", function(data) {
var hrefs = data.match(/(href\s*=\s*")[^"]*\.(jpe?g|gif|png)(")/gi);
for (i in hrefs) {
var url = "Pix/" + hrefs[i].match(/"(.*)"/)[1];
jQuery("#mycarousel").prepend('\r\t\t\t<li><a href="' + url + '"
class="Pix" target="Pix"><img src="' + url + ' /></a></li>');
}
jQuery("#mycarousel").jcarousel({
itemVisible: 2,
itemScroll: 1,
wrap: true,
autoScroll:1,
scrollAnimation: "slow"
});
});
They all work in firefox, but safari croaks on the 2 ajax versions!
Any ideas?
--
Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ
▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒
░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░
▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒
░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░
▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒░▒
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/