Page 1 of 1
[solved]Need help with jquery scroll
Posted: Sun Nov 06, 2011 7:12 pm
by iselinarnesen
Hi.
I hope anyone can help me on this one.
I am trying to add a jquery scrollbar to this website:
http://www.terningenarena.no/index.php?page=historikk
Here is the link to the instructions:
http://manos.malihu.gr/jquery-custom-content-scroller
I dont have much experience outside css/html and have some questions about the instructions:
1) Where on my server(path) do I download the files included in the download folder?
2) Do I need to download any additional modules/plugins in cmsms?
Iselin
Re: Need help with jquery scroll
Posted: Mon Nov 07, 2011 8:00 pm
by spcherub
I've not used this library before, but based on the documentation and the zip file download, the following instructions should work:
1. Make a /uploads/js folder within your CMS root directory (if you don't already have one)
2. Download the zip file into this uploads/js folder
3. Extract the zip file contents - it creates a sub-folder titled "jquery_custom_scroller"
Then in the head of your template, use the following:
Code: Select all
<link href="uploads/js/jquery_custom_scroller/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
<__script__ src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></__script>
<__script__ src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></__script>
<__script__ src="uploads/js/jquery_custom_scroller/jquery.easing.1.3.js" type="text/javascript"></__script>
<__script__ src="uploads/js/jquery_custom_scroller/jquery.mousewheel.min.js" type="text/javascript"></__script>
The use the instructions at
http://manos.malihu.gr/jquery-custom-content-scroller to figure out how to call the functionality from the library.
Hope that helps.
S
Re: Need help with jquery scroll
Posted: Fri Nov 11, 2011 5:21 pm
by iselinarnesen
Thank you. I tried to do these steps on another page:
http://gaianation.org/om-meg
The scrollbar is still not working, do you have any idea of what can be wrong here?
Iselin
Re: Need help with jquery scroll
Posted: Fri Nov 11, 2011 11:22 pm
by spcherub
Towards the end of your template, just above the body tag, change the following line:
Code: Select all
<__script__ src="jquery.mCustomScrollbar.js" type="text/javascript"></__script>
to
Code: Select all
<__script__ src="uploads/js/jquery_custom_scroller/jquery.mCustomScrollbar.js" type="text/javascript"></__script>
[solved]Re: Need help with jquery scroll
Posted: Sun Nov 13, 2011 5:36 pm
by iselinarnesen
Thank you, I got it now:) So fun to learn new things:)
Re: Need help with jquery scroll
Posted: Mon Nov 14, 2011 12:13 pm
by M@rtijn
Could you please add
[solved] to the title of the first post?