Melody Scott
asked on
Help with testimonials (bootstrap)
Hi, On this page,
test.magickitchen.com/resp onsive/
I'm having trouble with the testimonials part way down the page(search What our Customers are Saying).
I need two things:
1. needs to be further left.
2. needs to be slowed way down.
I just can't figure these two things out. Thanks.
test.magickitchen.com/resp
I'm having trouble with the testimonials part way down the page(search What our Customers are Saying).
I need two things:
1. needs to be further left.
2. needs to be slowed way down.
I just can't figure these two things out. Thanks.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
There is definitely something wrong with that slider speed for sure. You should be able to set the interval to 80 seconds if you desire (although I don't know you would want to). I'm thinking that the carousel script at the bottom of the page is not doing anything at all. Try commenting out the whole script and I'll bet it makes no difference to the testimonial slider.
Could be a conflict with code in another javascript file, could be a css issue, could be the fact that you are loading the main jQuery library and bootstrap.js twice each on the page (once in full code, once in minified code). You should fix that problem right away even if it does not solve the testimonial slider issue.
Also realize that, in theory anyway, that script at the bottom should initialize any carousel on the page with the "carousel" class. I see two on that page. I'd have to read the docs to see if you can initialize two carousels with one script. Maybe that's the problem. As I said, in my tests with your code, it appears that the carousels work equally well without that script.
I may have more time this evening to look again.
Could be a conflict with code in another javascript file, could be a css issue, could be the fact that you are loading the main jQuery library and bootstrap.js twice each on the page (once in full code, once in minified code). You should fix that problem right away even if it does not solve the testimonial slider issue.
Also realize that, in theory anyway, that script at the bottom should initialize any carousel on the page with the "carousel" class. I see two on that page. I'd have to read the docs to see if you can initialize two carousels with one script. Maybe that's the problem. As I said, in my tests with your code, it appears that the carousels work equally well without that script.
I may have more time this evening to look again.
ASKER
ok, thanks for your help. I bet that's it, the two carousels. I just set it to 80 seconds to prove to myself that it wasn't working. :)
ASKER
This says, I can have more than one carousel as long as they are independently named. http://stackoverflow.com/questions/10521257/is-it-possible-to-have-multiple-twitter-bootstrap-carousels-on-one-page
I'll work on that, but may need your help. Thanks,
I'll work on that, but may need your help. Thanks,
ASKER
Thanks!
ASKER
<script>
$('.carousel').carousel({
interval: 80000 //TIME IN MILLI SECONDS
})
</script>