I can't seem to get this it work.
I don't see where j query gets loaded??
I do see the images, only they are vertical and don't move? It does not create a block, is it supposed to?

This look like a very nice simple mode, I appreciate how you have provided a almost foolproof way to create thesis pages.

Enclosed are screen shots of the set up page, the display page and the page source.

Thanks

CommentFileSizeAuthor
page-source-jcarousel-light.txt12.11 KBron_mahon
FireShot capture #3 - 'jcarousel-Light I Test site' - the-villages-directory_com_node_12_edit.png99.57 KBron_mahon
FireShot capture #2 - 'jcarousel-Light I Test site' - the-villages-directory_com_content_jcarousel-light.png192.69 KBron_mahon

Comments

moonray’s picture

moonray commented
Status: Active » Postponed (maintainer needs more info)

Did you install the "jQuery Update" module? And did you then replace the "jquery.js" file in the "misc/" folder?

ron_mahon’s picture

ron_mahon commented

Yes I did !
Thanks For the responce
Ron

moonray’s picture

moonray commented

Does that mean it's now working, or it doesn't still?
If not, what browser are you using (and does it work in other browsers?) and which platform (windows, mac os, linux)?

ron_mahon’s picture

ron_mahon commented

I looked at firebug and saw a lot of other stuff being loaded.
so i installed it on a clean system.
That works fine on FireFox. you can see it @ http://the-villages-directory.com.

However in IE7 it is stationery and vertical

Tried it on Windows with FireFox Safari and IE7 every thing works except IE7. FireFox3 on Ubuntu is fine.
Any Ideas??

ron_mahon’s picture

ron_mahon commented

I am starting to believe that it's a style problem. Can you tell me where I can get the css style-sheet you used in your site
Thanks
Ron

moonray’s picture

moonray commented

Ron, it should work with the default Garland style.

ron_mahon’s picture

ron_mahon commented

It does with the exception of IE. Would you consider helping me for a fee.
Ron

You can see it as a page at http://the-villages-directory.com/content/jcaruosel-light
To get it in the panels front page I used the node #

moonray’s picture

moonray commented

Hi Ron,

I'm not sure if this is what's messing things up for you, but there is a wayward <aline='center'> in the div that holds your jcarousel images. First thing to always try when you get odd results (one browser working, the other not) is get your HTML to validate (http://validator.w3.org/).

ron_mahon’s picture

ron_mahon commented

Very good advice.. I had forgoten about that trick. Thanks
it now validates fine but still doesn't work in IE7

Can you send me the URL of a Drupal 5x site that works so that I might see the code it produces?

Regards
Ron

moonray’s picture

moonray commented

http://www.krishna.com/ is a D5 installation that works properly on IE7. I tried getting back to that URL you put up, but it's got errors...

moonray’s picture

moonray commented

Notice that there's a javascript error on the page in IE (it's the last comma).
Try changing the following from:

$(function() {
$(".anyClass").jCarouselLite({
btnPrev: ".prev",
btnNext: ".next",
auto: 1,
speed: 4000,
vertical: false,
circular: true,
visible: 3,
start: 1,
scroll: 1,
});
});

to

$(function() {
$(".anyClass").jCarouselLite({
btnPrev: ".prev",
btnNext: ".next",
auto: 1,
speed: 4000,
vertical: false,
circular: true,
visible: 3,
start: 1,
scroll: 1
});
});
moonray’s picture

moonray commented
Status: Postponed (maintainer needs more info) » Fixed

Assuming it's resolved.

Anonymous’s picture

Anonymous (not verified) commented
Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.

hydrodev’s picture

hydrodev commented

This works! i was having a problem where all browsers would work fine with the carousel except for IE7 and under(IE 8 in compatibility mode). Turns out there was a rouge comma in my use of the external navigation

$(function() {
    $(".anyClass").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev",
		visable: 1,
		speed: 800,
		btnGo:
    [".externalControl .1", ".externalControl .2",
    ".externalControl .3", ".externalControl .4",
    ".externalControl .5", ".externalControl .6",
    ".externalControl .7", ".externalControl .8",
    ".externalControl .9"],  <-----------------------RIGHT THERE!!!!!!!!

    });
});

So i took it out, and viola!