Nicescroll 3 Joomla plugin

Al Duccino

Topic Author

Posts: 8

7 years 11 months ago - 7 years 11 months ago #132 by Al Duccino

Nicescroll 3 Joomla plugin was created by Al Duccino

Hi,

First of all, I want to thank you for the amazing work you guys do, I discovered your website and extensions yesterday when I was searching a social slider module. By the way your module is awesome I now use it on my new website .

I was searching ideas on a way to get rid of the horrible scroll bars from Desktop web browsers on my website.
I found Nicescroll 3 , it's a jquery plugin, for nice scrollbars with a very similar ios/mobile style. It works on both mobile and Desktop browsers. You can check their website as a demo.

Correct me if I am wrong, but Joomla now support natively jquery in the latest versions of 2.5 and 3.0, so I thought a Joomla plugin would be a nice feature.

Best regards, and sorry about my bad English,
Mike.

PS : Your donation process doesn't work, Paypal says there is a problem with your email address.

Last edit: 7 years 11 months ago by Al Duccino.

Please Log in or Create an account to join the conversation.

George

Posts: 134

7 years 11 months ago #134 by George

Replied by George on topic Nicescroll 3 Joomla plugin

Hi Mike,
Thank you very much for the very kind words about the social slider. I have to say I'm very impressed with the customization on your website!

Joomla only supports natively jQuery in Joomla 3 - not Joomla 2.5 - if you're going to have it in Joomla 2.5 then you'll have to insert jQuery onto the page (not that's a problem - we do it for the Sponsor's module that we offer.)

However we will investigate making this up as a jQuery plugin and see how it goes!

Also thank you for pointing out the donate button bug. It turned out the default Joomla Email Plugin was conflicting with the module! We've fixed this now!

Kind Regards,
George

Please Log in or Create an account to join the conversation.

Al Duccino

Topic Author

Posts: 8

7 years 11 months ago #135 by Al Duccino

Replied by Al Duccino on topic Nicescroll 3 Joomla plugin

Thanks your for your answer, and for fixing the donation process.

I tried to implement Nicescroll myself on Joomla 3.0.3 as you can see on my wesbite, it works fine on most pages, but it conflicts with jquery on some pages, for example here .

This is the code i added in my template header:

<script src='/media/jui/js/jquery.min.js'></script>
<script type='text/javascript' src="/templates/alduccino/js/jquery.nicescroll.js"></script>
<script type='text/javascript'>
$(document).ready(
    function() { 
    $("html").niceScroll({
        cursorcolor: "#9DDAFF",
        cursorwidth: 5,
        cursorborder: "1px solid #000000",
        mousescrollstep: 50
    });
});
</script>

Do you have any suggestion to solve my problem ?

Thank you in advance for your help.

Please Log in or Create an account to join the conversation.

Lodder

Posts: 1179

7 years 11 months ago - 7 years 11 months ago #136 by Lodder

Replied by Lodder on topic Nicescroll 3 Joomla plugin

Hi Mike,

On the page you provided a link for, you have 2 jQuery libraries being loaded. This would most likely be the cause of the conflict. We use the following code to ensure that only 1 library gets loaded. More information on this can be found in our Tutorial:

joomjunk.co.uk/extras/tutorials/joomla-t...licts-in-joomla.html

Kind regards,
Charlie

Last edit: 7 years 11 months ago by Lodder.

Please Log in or Create an account to join the conversation.

Al Duccino

Topic Author

Posts: 8

7 years 11 months ago - 7 years 11 months ago #137 by Al Duccino

Replied by Al Duccino on topic Nicescroll 3 Joomla plugin

Hi Lodder thank you for the information.

I added my code directly in my template header, as you can see I'm not a developer, so I don't really know where i could add your code to prevent the jquery conflict.

I would appreciate if you could point me into the correct direction.

Last edit: 7 years 11 months ago by Al Duccino.

Please Log in or Create an account to join the conversation.

George

Posts: 134

7 years 11 months ago - 7 years 11 months ago #138 by George

Replied by George on topic Nicescroll 3 Joomla plugin

Hi Mike,

A slightly different recommendation to what Lodder suggested - as you know every programmer has a different solution!!!

<?php JHtml::_('jquery.framework'); ?>
<script type='text/javascript' src="/templates/alduccino/js/jquery.nicescroll.js"></script>
<script type='text/javascript'>
(function($){
  $(document).ready(
      function() { 
      $("html").niceScroll({
        cursorcolor: "#9DDAFF",
        cursorwidth: 5,
        cursorborder: "1px solid #000000",
        mousescrollstep: 50
      });
  });
})(jQuery);
</script>

This will make sure the jQuery code is only loaded once by Joomla through JHtml. I've also wrapped the code up in a jQuery tag to take into account we're using jQuery in noconflict. Give this a shot and see how it goes

Thank you very very much for the donation as well! It is very much appreciated by myself and Charlie

George

Last edit: 7 years 11 months ago by George.

Please Log in or Create an account to join the conversation.