SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Hybrid View

  1. #1
    SitePoint Member
    Join Date
    Mar 2012
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    JQuerly Slider design

    Hi there, I got this Jquery code from Bxslider and I'd like it to look like the example given however when I add the code it the "prev" and "Next" bottoms are at the bottom smashed together and the cotton looks like can only be placed above or below the image.

    Here is my code, any suggestions?

    <!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>Untitled Document</title>
    <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
    <script src="http://bxslider.com/sites/default/files/jquery.bxSlider.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $('#slider1').bxSlider();
    });
    </script>
    </head>

    <body>
    <div id="slider1">
    <div><img src="../rebel race.jpg"/><p>woo!</p></div>
    <div>Slide two content</div>
    <div>Slide three content</div>
    <div>And so on...</div>
    </div>
    </body>
    </html>

    Thanks!

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,203
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    You'll need to show us a live example. You can use CSS to position the buttons anywhere you like, but we can't tell what's going on from the cod you've posted. I've used bxslider and found it quite easy to style, so it's probably a fairly easy one to fix.


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
  •