After the loop finishes, and starts again, the pills are not blue anymore, when the 4th pill finish, those pills are not showing active anymore, but in this preview it's working correctly, weird

I would like to ask about responsivity, on phone version it need too much margin-top, od i did something wrong?

Thanks, i love it a lot

www.harunyahya.com

please help me code is not working....it showing line by line images...i have to add anything to this code?
file:///C:/Users/saikumar/Desktop/slide6/slide6.html

Why not chage with HOVER?

Great code! Thanks!! I tried adding previous and next button controls but only works up to the last tab (active tab).

doesnt work on the latest release of Bootstrap

I like this slider a lot but it as a small issue i was not able to fix. Maybe you can help? Have a look at https://ksg.ren-it.nl/
As you can see the slider contains 4 items. When one of the nav pills get's active the color of the item changes but it seems is not the whole area that is coloring only the href part. I noticed this when adding another line of text. Any idea how to fix this?

Thank you for this article - Is there any way to have the tabs on the left vertical

Hello admin, i hvae been searching and testing about this issue. all i want to make slider like images https://www.dropbox.com/s/v..., please kindly open that url, if any tutorial or suggest thanks for your fast respond :D

This is a bit cleaner and will work better on next cycles:

var $carousel = $('#teaserCarousel'), // Carousel Wrapper
$carouselNav = $('#carouselNav'); // Carousel-Navigation (UL-Element)

$carousel.carousel({ interval: 6000 });
$carousel.find('.nav a').on('click', function() {
$carouselNav.find('li.active').removeClass('active');
$(this).parent().addClass('active');
});
$carousel.on('slide.bs.carousel', function(e) {
var currentSlideNo = $(e.relatedTarget).index();
$carouselNav.find('li.active').removeClass('active');
$carouselNav.find('li[data-slide-to="' + currentSlideNo + '"]').addClass('active');
});

very nice tools, wish it could be used without any backlinks - Team @equinoxesin

do not add active class in menues

does anyone know how to change the height of the carousel

hi.... how do i add navigation arrows in addition to the tabs please?

resize¿???

i have a issue, here show only first pill colored and other without color but slides working properly......any idea?

that's what it should do, one pill is colored to show which slide is active and the others without color to show that they're not active...

Thank You,
but here show only first tab as a active pill and when flow goes to next slide is also shows the first pills is active, i think it should be like flow goes to next slide then the second pills shows as active, but here nothing like this......???

I have also used the code that given in upper example.

what browser are you using?

admin plz help me i used your slider code and i want to make one change , the change is when i hover on slider tab image should change according to that tab

Mozilla Firefox..

This carousel have bugs. Click on tabs as fast as you can and you will see...

What's wrong with it?

after all the slides have gone through once the nav-pills stop highlighting, is there an easy fix for this?

I just found that issue too

Why can't u just provide a download button??

Because Bootstrap is a framework, you'll need to implement this carousel yourself.

its not animating . i put them as u said...

this is awesome. where do i put the javascript? I am using cakephp and putting the html in a .ctp file under Pages. thanks!

i cant seem to get the images to reload on a page if i use another gallery on a wordpress blog.

Please help...

The page is: http://mobilelasertag.co.za...

Thanks

Might be because the gallery uses mootools or other plugins which need the $.

Look up: jQuery noConflict

@cyruxx:disqus @garethdiedericks:disqus

You could code it like this so $ sign wont be in conflict with other js libs
Just add the 1st & last lines there
http://pastetool.com/pasteb...

very nice

Add:

.nav-pills > li > a { border-radius: 0; }

to the CSS file for a better look. :)