dcsimg
www.webdeveloper.com
Results 1 to 3 of 3

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

  1. #1
    Join Date
    Aug 2008
    Posts
    12

    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:

    http://starr05.comule.com/families.html

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

  3. #3
    Join Date
    Aug 2008
    Posts
    12
    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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <title>Families</title>
    <meta name="keywords" content="photography" />
    <meta name="description" content="portfolio" />
    
    <!--
    Template 2043 Pinky Flow
    http://www.tooplate.com/view/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>
    
    <script type="text/javascript">
    
    ddsmoothmenu.init({
    
          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"]
    });
    $(document).ready(function(){
     $('.bxslider').bxSlider({
    adaptiveHeight: true,
     mode: 'fade'
     })
     })
    </script>
    
    </head>
    <body>
    
    <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">
                    <ul>
                        <li><a href="index.html" class="selected"><span></span>Home</a></li>
                        <li><a href="gallery.html"><span></span>Galleries</a>
                            <ul>
    							<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>
                               
                          </ul>
                      </li>
                        <li><a href="information.html"><span></span>Information</a>
                            <ul>
                                <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>
                               
                          </ul>
                      </li>
                        <li><a href="client.html"><span></span>Client Viewing</a></li>
                        <li><a href="contact.html"><span></span>Contact</a></li>
                    </ul>
                    <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>
                </ul>
    
                    
                    
                        <div class="cleaner h40"></div>
                    
                    	<div class="cleaner"></div>
                    </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>
            
        </div> <!-- end of forever header -->
    
    
    </body>
    </html>
    <!-- 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