jQuery effect expression engine

I have searched for a source which describes the steps for implementing jQuery into an expression engine site and have yet to find a good one. I am trying to initiate a simple slider effect for some images, using sliderPro. sliderPro has number of assets which I have uploaded into my expression js directory. Using the documented method on EE, this is how I'm calling those files:

    {exp:jquery:script_tag ui='core'}
    {exp:jquery:script_tag effect='sliderPro'}
    {exp:jquery:script_tag file='src/js/'}
    {exp:jquery:script_tag file='src/css/'}
    {exp:jquery:script_tag file='lib/sliderPro'}
    {exp:jquery:script_tag file='lib/fancybox/'}

I used all the html markup from silderPro: classes and ids for my images. When inspect Element, I do not see the passing of any of the jQuery functions? If someone could either identify what I'm missing, problem(s), or direct me to a resource which walks through the steps for implementing jQuery into an EE site, I would appreciate it. Thanks.