Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

addig progress colour #1

Open
websmithinteractive opened this issue Apr 12, 2014 · 8 comments
Open

addig progress colour #1

websmithinteractive opened this issue Apr 12, 2014 · 8 comments

Comments

@websmithinteractive
Copy link

Hi I am using your slider and everything seems to work fine. But can i show the progress. I tried uploading image but it didn't work so here is the url http://i60.tinypic.com/v5zlfc.jpg

Please let me know how can be done if possible
thank you
@wieringen
Copy link
Owner

You could do something like this probably.

$(document).ready(function()
{
    var $box = $('#box');
    var $indicators = $(".indicator");
    $box.tinycircleslider();
    var box = $box.data("plugin_tinycircleslider");

    $box.bind("move", function()
    {
       $indicators.removeClass("highlight");
       $indicators.filter(function( index ) {
           return index < box.slideCurrent;
        }).addClass("highlight");
    });
});

@websmithinteractive
Copy link
Author

I'm sorry to bother you but that didnt help :(

@wieringen
Copy link
Owner

What do you mean that didnt't help? You may need to tweak it a little but I think that will work.

@websmithinteractive
Copy link
Author

Thank you for taking time to help but i did try and was with no luck i feel i am doing something wrong can you please tell me. This is my fiddle http://jsfiddle.net/A2Pth/2/

@websmithinteractive
Copy link
Author

Hi wieringen,
Can you please look into my issues and take a little time and help me with a solution. Thank you
San

@wieringen
Copy link
Owner

You did not add the actual indicator divs. I dont have time to build a complete solution for you sorry.

@websmithinteractive
Copy link
Author

Hi
I have tried and i have tried...can you tell me where to add the divs.
Inside the viewport div or outside..im sorry but im bad at jquery

Confidentiality Statement:
This e-mail message, and all attachments, may contain legally privileged or
confidential information intended solely for the use of the individual,
agent, or entity named in the e-mail. If the reader of this message is not
the intended recipient, you are hereby notified that any reading,
distribution, copying, or taking of action based on its contents is
strictly prohibited. If you have received this e-mail in error, please
notify the sender immediately and delete this message from your system.
Please consider the environmental impact before printing this document and
its attachment(s).
Print black and white and double-sided where possible.

On Mon, May 5, 2014 at 11:07 PM, wieringen notifications@github.com wrote:

You did not add the actual indicator divs. I dont have time to build a
complete solution for you sorry.

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/1#issuecomment-42214609
.

@websmithinteractive
Copy link
Author

Hi sorry again
this is what I have done

<!doctype html>

<title>Untitled Document</title> <script type="text/javascript" src=" http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript" src=" http://baijs.com/tinycircleslider/js/jquery.tinycircleslider.js"></script>
//<script type="text/javascript"> // $(document).ready(function () { // $(document).ready(function () { // $('#rotatescroll').tinycircleslider({ // interval: true, // dotsSnap: true // }); //}); // }); </script> <script type="text/javascript"> $(document).ready(function() { var $box = $('#box'); var $indicators = $(".indicator"); $box.tinycircleslider(); var box = $box.data("plugin_tinycircleslider"); $box.bind("move", function() { $indicators.removeClass("highlight"); $indicators.filter(function( index ) { return index < box.slideCurrent; }).addClass("highlight"); }); }); </script>

Confidentiality Statement:
This e-mail message, and all attachments, may contain legally privileged or
confidential information intended solely for the use of the individual,
agent, or entity named in the e-mail. If the reader of this message is not
the intended recipient, you are hereby notified that any reading,
distribution, copying, or taking of action based on its contents is
strictly prohibited. If you have received this e-mail in error, please
notify the sender immediately and delete this message from your system.
Please consider the environmental impact before printing this document and
its attachment(s).
Print black and white and double-sided where possible.

On Wed, May 21, 2014 at 7:26 PM, Sandeep Patkar patkars@gmail.com wrote:

Hi
I have tried and i have tried...can you tell me where to add the divs.
Inside the viewport div or outside..im sorry but im bad at jquery

Confidentiality Statement:
This e-mail message, and all attachments, may contain legally privileged
or confidential information intended solely for the use of the individual,
agent, or entity named in the e-mail. If the reader of this message is not
the intended recipient, you are hereby notified that any reading,
distribution, copying, or taking of action based on its contents is
strictly prohibited. If you have received this e-mail in error, please
notify the sender immediately and delete this message from your system.
Please consider the environmental impact before printing this document and
its attachment(s).
Print black and white and double-sided where possible.

On Mon, May 5, 2014 at 11:07 PM, wieringen notifications@github.comwrote:

You did not add the actual indicator divs. I dont have time to build a
complete solution for you sorry.

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/1#issuecomment-42214609
.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@wieringen @websmithinteractive