SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Guru
    Join Date
    Oct 2010
    Location
    Portland, Or
    Posts
    814
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    learning and loving bootstrap. But was wondering

    how do you change the timing on the slider? It goes just a bit too fast.
    Anyone knows?
    D

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,331
    Mentioned
    463 Post(s)
    Tagged
    8 Thread(s)
    It will be in the slideshow settings (JS?). Please give us a link to an example.

  3. #3
    Utopia, Inc. silver trophy
    ScallioXTX's Avatar
    Join Date
    Aug 2008
    Location
    The Netherlands
    Posts
    9,097
    Mentioned
    153 Post(s)
    Tagged
    2 Thread(s)
    You can use the interval option for that

    Code javascript:
    $('.carousel').carousel({interval: 10000});

    (number of seconds you want each slide to show * 1000)
    Rémon - Hosting Advisor

    SitePoint forums will switch to Discourse soon! Make sure you're ready for it!

    Minimal Bookmarks Tree
    My Google Chrome extension: browsing bookmarks made easy

  4. #4
    SitePoint Guru
    Join Date
    Oct 2010
    Location
    Portland, Or
    Posts
    814
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    hello folks it is at my test site. http://www.thebigmeow.us
    had to start from scratch. And wish I had not displaced my notes.
    The tag
    <img src="<?php bloginfo('template_directory'); ?>../coreImg/socIconGPlus.png"/>

    for example is not bringing up any of the images...
    and altough I am pretty sure the js is called correctly in the functions.php
    it doesn't seem to be working. and clicking on the accordion or slider just pops the user to the footer.

  5. #5
    SitePoint Guru
    Join Date
    Oct 2010
    Location
    Portland, Or
    Posts
    814
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    never mind! got the images to show up.
    But any advice getting the jquery/js to work for the accordion & slider please?
    thx
    D

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,553
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by pdxSherpa View Post
    But any advice getting the jquery/js to work for the accordion & slider please?
    thx
    D
    Where is the js for it?

    It's not here where you are pointing to it.

    Also make sure that you don't have any comments above the doctype or you will trip quirks mode in IE.

  7. #7
    SitePoint Guru
    Join Date
    Oct 2010
    Location
    Portland, Or
    Posts
    814
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Paul thank you for taking the time to look at this.
    I did load the js in the appropriate folder, in there I have booth bootstrap.js & bootstrap.min.js
    am I pointing at it incorrectly?

    am using this in the function.php
    Code:
    function load_styles_and_scripts(){
    
    	//load styles
    	wp_enqueue_style(
    			'bootstrap-styles',
    			get_template_directory_uri().'/css/bootstrap.min.css'
    		);
    	wp_enqueue_style(
    			'main-styles',
    			get_template_directory_uri().'/style.css'
    		);
    
    	//load scripts
    	wp_enqueue_script(
    			'jquery',
    			'http://code.jquery.com/jquery.min.js'
    		);
    
    	wp_enqueue_script(
    			'bootstrap-scripts',
    			get_template_directory_uri().'/js/bootstrap.min.js'
    		);
    
    }
    
    add_action('wp_enqueue_scripts', 'load_styles_and_scripts');

  8. #8
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,553
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi, I don't know anything abut bootstrap but don't you need to initialise the carousel?

    Code:
        $('.carousel').carousel({
        interval: 2000
        })


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •