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
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
Hey thanks for posting this up, I am desperately trying to get coda slider to autoslide on a site im doing for a friend.
ReplyDeleteIt 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.
Hi i have seen your code, you did not start the coda slider automatically
ReplyDeletejQuery(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
Hi,
ReplyDeleteI'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
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
ReplyDeleteand thanks for using my blog :) enjoy
hi my slider is not autosliding. this is my code in head
ReplyDeletevar 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
http://www.bestvisualization.com/Resources/coda-slider.1.1.1/coda-slider.1.1.1/coda-slider%20with%20autoplay.zip
Deletedid you download this code ?
also im using this coda slider version
ReplyDeletecoda-slider.1.1.1.pack.js
Make sure any other js is not conflict with your code
DeleteHow do you personally get info for your fresh posts and which exact search engines or techniques do you often utilize?
ReplyDeleteCan you please explain it more ....
Delete