Skip to main content

Coda-Slider with Autoplay or Auto slider Code - Jquery Slider

View Demo | Download Source

Hi All,
While reading along in some of the forums (located here: http://www.ndoherty.com/blog/2007/10/29/coda-slider-11/), I noticed some are wanting an “auto-slide” feature for this thing (great job by the way Niall Doherty).

Here’s how you do it:


Modify the js code included in the page’s header into this:

"User script tag here"
var count =1;
jQuery(window).bind("load", function() {jQuery("div#slider1").codaSlider(); setInterval("moreSnow()", 2000);});
function moreSnow()
{
if (count < 4)
{
$("#panel"+count).click();

count = count +1;
}
else
{
count = 1;
}

}



here you change if (count < 4) number of banners as per your banner count like if you have 5 banners then put 6 here and if you have 6 then put 7 i have 3 banners so i put 4


also change the body section
Panel 1

i add the id="panel1" in the code that will use for auto click in the javascript

now just change all panel id and save it and run the code your autoslider is ready

View Demo | Download Source

Comments

  1. UnknownMarch 22, 2011 at 7:52 AM

    Hey thanks for posting this up, I am desperately trying to get coda slider to autoslide on a site im doing for a friend.

    It is built into the viewport theme (http://labs.paulicio.us/viewport/#1)

    I dont seem to be able to get it to work still.

    not sure what im doing wrong. The header only has the following code:


    jQuery(window).bind("load", function() {
    jQuery("div#mid").codaSlider()
    });


    The rest is in a js file.

    ReplyDelete
  2. Rashid Imran BilgramiMarch 22, 2011 at 8:42 AM

    Hi i have seen your code, you did not start the coda slider automatically



    jQuery(window).bind("load", function() {
    jQuery("div#mid").codaSlider()
    });

    this function has bind but did not recall again through set interval you can recall it

    if you check out my code that i have done the updates you will see i will update the div # number that will be call on each set interval code

    Your code must be like this

    var count =1;
    jQuery(window).bind("load", function() {jQuery("div#mid").codaSlider(); setInterval("moreSnow()", 2000);});
    function moreSnow()
    {
    if (count < 4)
    {
    $("#panel"+count).click();

    count = count +1;
    }
    else
    {
    count = 1;
    }

    }

    please download the source file which i have uploaded
    http://www.bestvisualization.com/Resources/coda-slider.1.1.1/coda-slider.1.1.1/coda-slider%20with%20autoplay.zip

    even the download URL is present under the title

    ReplyDelete
  3. AnonymousJune 6, 2011 at 9:25 AM

    Hi,

    I'm having a problem with Coda-Slider.1.1.1 in IE9. The tabs don't load at all and only shows a 'loading' message.

    Any fix for this?

    Thanks

    ReplyDelete
  4. Rashid Imran BilgramiJune 6, 2011 at 3:30 PM

    show me your code well mostly its happening because of the div id is not correct better if you give me the code then i will check and get back to you

    and thanks for using my blog :) enjoy

    ReplyDelete
  5. AnonymousMay 23, 2012 at 9:56 AM

    hi my slider is not autosliding. this is my code in head

    var count = 1;
    jQuery(window).bind("load", function () { jQuery("div#slider1").codaSlider(); setInterval("moreSnow()", 1000); });
    function moreSnow() {
    if (count < 5) {
    $("#panel" + count).click();

    count = count + 1;
    }
    else {
    count = 1;
    }

    }

    ---------

    i have also given id="panel1", id="panel2"... to each slider panel div

    ReplyDelete
    Replies
    1. Rashid Imran BilgramiMay 27, 2012 at 2:31 AM

      http://www.bestvisualization.com/Resources/coda-slider.1.1.1/coda-slider.1.1.1/coda-slider%20with%20autoplay.zip

      did you download this code ?

      Delete
  6. AnonymousMay 23, 2012 at 9:57 AM

    also im using this coda slider version

    coda-slider.1.1.1.pack.js

    ReplyDelete
    Replies
    1. Rashid Imran BilgramiMay 27, 2012 at 2:31 AM

      Make sure any other js is not conflict with your code

      Delete
  7. LoveStrikesAgainDecember 13, 2012 at 5:17 AM

    How do you personally get info for your fresh posts and which exact search engines or techniques do you often utilize?

    ReplyDelete

Post a Comment

Thanks for the Comments , Your review will display soon

Popular posts from this blog

OLEDB jet 4.0 driver In Vista 64bit / he 'Microsoft.Jet.OLEDB.4.0' provider is not registered on the local machine

Well i think you must be thankful for me specailly for this research i am really getting the solution after 6 month research that is how to enable the oledb jet 4.0 driver in vista, i read arround 100s of articles and maximum said that is not possible to enable it and ala bla well at the end i got the answer that is so easy Acctually that is correct that oledb jet 4.0 driver is not avaialble for 64 bit but if you run your IIS on 32 bit instead of 64 then Oledb jet will working fine Here are the steps Click on the Start > Program > Administrative Tool > IIS Management panel Select the Computer name Right click on the application pool and select properties Select "TRUE" in Enable 32 Bit Application by default it is false Then this problem will resolve if you need any assitance then feel free to email me rashidbilgrami@hotmail.com Regards Rashid Imran Bilgrami CEO Best visualization www.bestvisualization.com
3 comments
Read more

How to convert and crack windows server 2012 from Evaluation to Full

Dear All This is a way how you Convert Evalution to Full Step1: Open CMD and run following command DISM /online /Get-CurrentEdition <edition ID> is like ServerStandard with out Eval Step 2: DISM /online /Set-Edition:<edition ID> /ProductKey:XXXXX-XXXXX-XXXXX-XXXXX-XXXXX /AcceptEula WINDOWS SERVER 2012 Serial Key Windows Server 2012 DataCenter: 48HP8-DN98B-MYWDG-T2DCC-8W83P Datacenter: Y4TGP-NPTV9-HTC2H-7MGQ3-DV4TW Standard: XC9B7-NBPP2-83J2H-RHMBY-92BT4 Standard R2: DBGBW-NPF86-BJVTX-K3WKJ-MTB6V Server Essentials: K2XGM-NMBT3-2R6Q8-WF2FK-P36R2 For Standard R2 here is a command For R2 its like that DISM /online /Set-Edition:ServerStandard /ProductKey:DBGBW-NPF86-BJVTX-K3WKJ-MTB6V /AcceptEula Regards
Post a Comment
Read more

SQL Agent disabled / how to enable SQL agent

Dear Readers, Today i found that SQL agent is disabled and i can active through the below process First you can check first these points Go to run type services.msc Right click on the SQL Server Agent (MSSQLSERVER) Then check in the properties your startup type might be disabled change it to automatic or manual and try again it will enable the start option If the above process not workable then check this one SQL Server blocked access to procedure 'dbo.sp_get_sqlagent_properties' of component 'Agent XPs' because this component is turned off as part of the security configuration for this server. A system administrator can enable the use of 'Agent XPs' by using sp_configure. For more information about enabling 'Agent XPs', see "Surface Area Configuration" in SQL Server Books Online. You need to run the following script under you SQL management Studio 1) Open the new query 2) Past the code sp_configure 'show
Post a Comment
Read more