search

wieringen / tinycircleslider

A lightweight circular carousel for jQuery
http://baijs.com/tinycircleslider
Other
105 stars 41 forks source link

addig progress colour #1

Open websmithinteractive opened 10 years ago

websmithinteractive commented 10 years ago

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 commented 10 years ago

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 commented 10 years ago

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

wieringen commented 10 years ago

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

websmithinteractive commented 10 years ago

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 commented 10 years ago

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

wieringen commented 10 years ago

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

websmithinteractive commented 10 years ago

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/wieringen/tinycircleslider/issues/1#issuecomment-42214609 .

websmithinteractive commented 10 years ago

Hi sorry again this is what I have done

<!doctype html>

Untitled Document
//

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/wieringen/tinycircleslider/issues/1#issuecomment-42214609 .