[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

jcarousel

Posted on 2011-10-29
10
Medium Priority
?
345 Views
Last Modified: 2012-06-27
Sorry to be so dumb, but I am trying to set up a simple horizontal sliding image display using jcarousel lite. I have downloaded the scripts and linked them to my page and tried to follow the instructions at http://www.gmarwaha.com/jquery/jcarousellite/#install but I don't understand the step 3 instructions about firing a call to the plugin.

Here is a link to what I've got so far:

http://www.katrinahowley.com/test.html

Can anyone help please?

Thank-you
0
Comment
Question by:Bob Barnes
  • 5
  • 5
10 Comments
 
LVL 9

Accepted Solution

by:
pritamdutt earned 2000 total points
ID: 37049802
Well I figured out after a little tweaking that the problem is with Jquery version mismatch.

Also, i discovered following issues:

- All Lower case name of the function called - jcarousellite whereas it is jCarouselLite
- There was no class defined for the div.

I have done some modifications... and updated the file..

Same is attached...

Regards,
test.html
0
 

Author Comment

by:Bob Barnes
ID: 37050629
Thank-you pritamdutt, I think I've made all of the changes you sugggested and it almost works now. just won't scroll in either direction, as you can see at the latest incarnation. I have tried with Internet Explorer and Firefox:

http://www.katrinahowley.com/test.html

The example you sent me works perfectly, so I'm missing a trick somewhere and would appreciate you having another look.

Thanks
0
 
LVL 9

Expert Comment

by:pritamdutt
ID: 37050645
Please remove the following line ... you don't need it...

<script type="text/javascript" src="scripts/jquery-latest.pack.js"></script>

Regards,
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:Bob Barnes
ID: 37053232
Thanks again pprtamdutt, I'm not sure what I did but in redesigning the page and resizing the images, they began to scroll correctly. I removed the above line, but that caused the images to line up one below another, so I put it back in and all seems fine. I am using Dreamweaver CS4 and you can see the result at:

http://www.katrinahowley.com/

What has slowed me right down is that the index page says there is a syntax error on line 20 and that code hinting may not work. No matter what I do I can't get rid of the error meesage, yet the page behaves as expected. Should I forget about the error and just carry on with the rest of the site?

Thanks again
0
 
LVL 9

Expert Comment

by:pritamdutt
ID: 37055006
Please verify as according to me line 20 is

20: <script type="text/javascript" src="http://www.gmarwaha.com/js/lib/lib.min.js"</script>
-- Read First Line :  JQUERY 1.2.3

I also see that you have following at line 17

17: <script type="text/javascript" src="http://www.katrinahowley.com/scripts/jquery-latest.pack.js"</script>
-- Read First line of this JS File : jQuery v1.6.4 http://jquery.com/ | http://jquery.org/license */


Please note that both of these are different versions of JQuery.

So, there is bound to be conflict! So you need to include only one of them!
-----------------------

Please note: Jquery Base script  needs to be first, and jCarouselLite script needs to come second, followed by jQuery Easing script.

Hope this helps!

Regards,
0
 

Author Comment

by:Bob Barnes
ID: 37057811
Hi pritandutt

Thanks for your help and sorry I've been a long time getting back to you but I've been experimenting. I have discovered that of the 24 combinations of the order the four .js files can be in, they only work in 2 orders, the order I have chosen is:

1. jquery-latest.pack.js
2. lib.min.js
3. jCarouselLite_1.0.1.js
4. jquery.easing.1.1.js

It works also if you transpose 2 and 4. It never works with any of the four files missing.

You can see it is working quite well at

http://www.katrinahowley.com/

Unforunately, it only works with Internet Explorer, not with Firefox.

The three working pages are created from a template, the templateinsists there is now a syntax error at line 23, but the individual pages don't reflect this error.

All in all I feel I'm nearly there, just the Firefox issue to solve, which in all fairness wasn't part of my original question. I would like to award all the points to you for your very welcome assistance. Without you I could not have got this far. If you can suggest how to make it work with Firefox I would appreciate it.

Thanks again
0
 
LVL 9

Expert Comment

by:pritamdutt
ID: 37058329
No worries!


What issue are you facing with Firefox!!!


I have looked through your website using Firefox 7 and not facing any errors....

Regards,
0
 

Author Comment

by:Bob Barnes
ID: 37058472
Hi, that was quick. The images won't scroll left and right. I will try on another machine to make sure it's not my personal browser. Thanks again, it works perfectly on my laptop, must be a local issue with Firefox, I'll reinstal it.

Points on the way.
0
 

Author Closing Comment

by:Bob Barnes
ID: 37058482
Very helpfull member, couldn't have done it without their help.
0
 
LVL 9

Expert Comment

by:pritamdutt
ID: 37058603
Cheers!!
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Eseutil Hard Recovery is part of exchange tool and ensures Exchange mailbox data recovery when mailbox gets corrupt due to some problem on Exchange server.
Steps to fix error: “Couldn’t mount the database that you specified. Specified database: HU-DB; Error code: An Active Manager operation fail”
With the power of JIRA, there's an unlimited number of ways you can customize it, use it and benefit from it. With that in mind, there's bound to be things that I wasn't able to cover in this course. With this summary we'll look at some places to go…
Is your OST file inaccessible, Need to transfer OST file from one computer to another? Want to convert OST file to PST? If the answer to any of the above question is yes, then look no further. With the help of Stellar OST to PST Converter, you can e…
Suggested Courses

872 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question