Announcement

**PicturesqueWeb** · 07-11-14, 07:05 PM

Re: Auto-start the slider

I did it at http://www.cloverelaffarmherbsandgifts.com using

Code:

$('.carousel').carousel({
  interval: 7000
})

**lesliekirk** · 07-12-14, 02:59 AM

Re: Auto-start the slider

Very nice Michael, very nice. Did you edit the bootstrap.js or add this to the page itself? I tried adding this in the SFNT page in the <head> tag but it didn't fire:

Code:

<script>$('.carousel').carousel({
  interval: 7000
})
</script>

On side side note, may suggest you consider changing your buttons to a soothing green tone similar to your nav bar?

Many thanks!
Leslie

**lesliekirk** · 07-12-14, 04:08 AM

Re: Auto-start the slider

LOL - I figured it out - I added it at the end of a js file the site was using.

Many thanks!
Leslie

**Bruce - PhosphorMedia** · 07-12-14, 09:43 AM

Re: Auto-start the slider

FYI: you either need to place the script after its called, or better yet, use:

Code:

$( document ).ready(function() {
   
 //insert function here

});

to insure that all required resources are loaded before executing the function.

The Document Ready function can be placed anywhere on the page.

**PicturesqueWeb** · 07-14-14, 09:05 AM

Re: Auto-start the slider

Thank you for the tip Leslie about the buttons. The site isn't completed yet as too many orders are keeping us quite busy. Not a complaint of course! For the code, I created a separate js file to avoid editing bootstrap files and keep my personalized edits in one place. Updates will hopefully be easier. I've done the same with css edits as well.

Announcement

Auto-start the slider

Auto-start the slider

Comment

Comment

Comment

Comment

Comment