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. 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. 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. 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. 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. 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. 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. also im using this coda slider version

    coda-slider.1.1.1.pack.js

    ReplyDelete
    Replies
    1. Make sure any other js is not conflict with your code

      Delete
  7. 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

RegisterStartupScript updated way to right Java script JS (Javascript) in code behind also work with update panel

Dear All
RegisterStartupScript is obsolete now the new way that works with update panel  is given below its is code behind file code also

VB Code Dim csname1 As String = "PopupScript"
Dim cstype As Type = Me.GetType()
Dim cs As ClientScriptManager = Page.ClientScript
Dim cstext1 As String = "alert('Your message');"
cs.RegisterStartupScript(cstype, csname1, cstext1, True)

C# Code
String csname1 = "PopupScript";
Type cstype = this.GetType();
ClientScriptManager cs = Page.ClientScript;
String cstext1 = "alert('Hello World');"; cs.RegisterStartupScript(cstype, csname1, cstext1, true);
I hope it will help you also 
Regards  Rashid Imran Bilgrami

Calling LoadLibraryEx on ISAPI filter “C:\Windows\Microsoft.NET\Framework\v4.0.30319\aspnet_filter.dll” failed

Dear Readers
if you get the error

Calling LoadLibraryEx on ISAPI filter “C:\Windows\Microsoft.NET\Framework\v4.0.30319\aspnet_filter.dll” failed


Here is the solution 
Get a command prompt in administrator mode and go to C:\Windows\Microsoft .NET\FrameWork64\v4.xxx
and run aspnet_regiis -r. This will re-register the right libraries. It has happened twice already to me.
For other frameworks (32 bit or other versions of .net make sure you go to the correct folder (i.e. Framework/v2.xxx, etc.)

xxxx is the the number which is present with the folder name so i suggest you guys to check the folder name in your directory

If "run aspnet_regiis -r" is not working and if you get the error run is not recognized command then just type " aspnet_regiis -r" it will run fine

Reason of problem
Your asp.net frame work has been change may be you have install the lower version on the higher version or may be because of any reason you have register another version in your IIS, in my cas…

Multi Language Website In DNN Or Content Localization in DNN

Dear Readers
Before that when we create the Multi Language website in dnn we always create two portal but with DNN 5.x version you will use the language resource for creating multi language website website

You are facing two major challenges to create Multi language website
1) Translation of the DNN controls in to local language
2) Translate your own pages navigation or menu in to multi languages
3) Translate your own custom content in to local language
4) Translate your custom modules in to the local languages

Lets start with the first challange

Challenge 1: Translation of the DNN controls in to local language 
This is an easiest part, you can follow the steps achieve this challenge

1) Login with your host/Admin  account
2) Go to the Admin / Languages
3) Click on ADD Languages
4) Select the language that you need and Add it
5) You will see now two languages in your language section
6) With the list you will see the three option

Static Resources
System | Host |Site

7) you can click on t…