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
Vyprazany Karfiol (0) - 1 year ago - Reply -1
I would like to ask about responsivity, on phone version it need too much margin-top, od i did something wrong?
Vyprazany Karfiol (0) - 1 year ago - Reply -1
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
Sai Kumar (0) - 1 year ago - Reply 0
Great code! Thanks!! I tried adding previous and next button controls but only works up to the last tab (active tab).
Lemony (0) - 1 year ago - Reply 0
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?
Ron Killaars (0) - 2 years ago - Reply 0
Thank you for this article - Is there any way to have the tabs on the left vertical
Nuno Sarmento (0) - 2 years ago - Reply 0
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
freddy (0) - 2 years ago - Reply 0
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');
});
Daniel S (0) - 2 years ago - Reply 0
very nice tools, wish it could be used without any backlinks - Team @equinoxesin
Equinox e Services (0) - 3 years ago - Reply 0
hi.... how do i add navigation arrows in addition to the tabs please?
Korkor K-a (0) - 3 years ago - Reply 0
i have a issue, here show only first pill colored and other without color but slides working properly......any idea?
Jugal Kishore (0) - 3 years ago - Reply 0
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...
maxsurguy (0) - 3 years ago - Reply 0
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.
Jugal Kishore (0) - 3 years ago - Reply 0
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
shan (0) - 2 years ago - Reply 0
This carousel have bugs. Click on tabs as fast as you can and you will see...
Stanescu Eduard-Dan (0) - 3 years ago - Reply 0
after all the slides have gone through once the nav-pills stop highlighting, is there an easy fix for this?
Guest (0) - 4 years ago - Reply 0
Because Bootstrap is a framework, you'll need to implement this carousel yourself.
Kevin (0) - 3 years ago - Reply 0
this is awesome. where do i put the javascript? I am using cakephp and putting the html in a .ctp file under Pages. thanks!
adam (0) - 4 years ago - Reply 0
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
Gareth Diedericks (0) - 4 years ago - Reply 0
Might be because the gallery uses mootools or other plugins which need the $.
Look up: jQuery noConflict
Alex (0) - 4 years ago - Reply 0
@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...
Federico G - "Super freelancer (0) - 4 years ago - Reply 0
Add:
.nav-pills > li > a { border-radius: 0; }
to the CSS file for a better look. :)
Alex (0) - 4 years ago - Reply 0