Results 1 to 3 of 3

Thread: Not sure whats going on with my HTML/bxslider

  1. #1
    Join Date
    Aug 2008

    Angry Not sure whats going on with my HTML/bxslider

    I am using a bxslider for my photos, but my photos aren't sliding when I put it into my website to make sure that my code is working. Any help is my appreciated.

    Here is my example:


  2. #2
    Join Date
    Oct 2013
    Link doesn't work.

  3. #3
    Join Date
    Aug 2008
    Since my link didn't work, here is my code:

    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="photography" />
    <meta name="description" content="portfolio" />
    Template 2043 Pinky Flow
    <link href="css/tooplate_style.css" rel="stylesheet" type="text/css" />
    <!-- jQuery library (served from Google) -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript" ></script>
    <!-- bxSlider Javascript file -->
    <script src="js/jquery.bxslider.min.js" type="text/javascript"></script>
    <!-- bxSlider CSS file -->
    <link href="css/jquery.bxslider.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/ddsmoothmenu.js">
    * Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
    <script type="text/javascript">
          mainmenuid: "tooplate_menu", //menu DIV id 
          orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
          classname: 'ddsmoothmenu', //class added to menu's outer DIV
          //customtheme: ["#1c5a80", "#18374a"],
          contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
    adaptiveHeight: true,
     mode: 'fade'
    <div id="tooplate_wrapper">
    	<div id="tooplate_header">
           	<div id="site_title"><h1><a href="index.html">Rubi Noodle Studios</a></h1></div>
            <div id="tooplate_menu" class="ddsmoothmenu">
                        <li><a href="index.html" class="selected"><span></span>Home</a></li>
                        <li><a href="gallery.html"><span></span>Galleries</a>
    							<li><a href="families.html">Families</a></li>
                                <li><a href="children.html">Children</a></li>
                                <li><a href="graduates.html">Graduates</a></li>
                                 <li><a href="engagement.html">Engagement</a></li>
                                <li><a href="weddings.html">Weddings</a></li>
                                 <li><a href="maternity.html">Maternity</a></li>
                        <li><a href="information.html"><span></span>Information</a>
                                <li><a href="announcements.html">Graduation Announcements</a></li>
                                <li><a href="pricing.html">Pricing</a></li>
                                <li><a href="hints.html">Helpful Hints</a></li>
                        <li><a href="client.html"><span></span>Client Viewing</a></li>
                        <li><a href="contact.html"><span></span>Contact</a></li>
                    <br style="clear: left" />
                </div> <!-- end of tooplate_menu -->
                    <div id="tooplate_content">
                      <ul class="bxslider">
                <li><img src="images/slide1.jpg" alt="slide1" /></li>
                 <li><img src="images/slide2.png" alt="slide2" /></li>
                <li><img src="images/slide3.jpg" alt="slide3" /></li>
                 <li><img src="images/slide4.jpg" alt="slide4"/></li>
                <li><img src="images/olaf.png" alt="slide5" /></li>
                        <div class="cleaner h40"></div>
                    	<div class="cleaner"></div>
                    <div class="cleaner"></div>
                </div> <!-- end of tooplate_main -->
                <div id="tooplate_footer">
                    Copyright  2014 <a href="index.html">Rubi Noodle Studios</a> | Design: <a href="http://www.tooplate.com">tooplate</a>
                    <div class="cleaner"></div>
        </div> <!-- end of forever header -->
    <!-- Hosting24 Analytics Code -->
    <script type="text/javascript" src="http://stats.hosting24.com/count.php"></script>
    <!-- End Of Analytics Code -->

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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

Recent Articles