SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Zealot
    Join Date
    Dec 2007
    Posts
    157
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Adding text to wrap around Jquery Cycle?

    Hi,

    Using the jquery cycle code to display fade images in exactly as the demo shows. So far, so good.

    But, I want to add some 'static' text that doesn't fade with the images and will 'wrap' around those images. So, I want the images on the left and some text on theiright which will wrap around the images.

    Anyone know what I need to do to accomplish this?

    Here's the bog standard code I'm using.

    Thanks for looking

    Mark up
    HTML Code:
    <div id="s1" class="pics">
        <img src="images/beach1.jpg" width="200" height="200" /> 
        <img src="images/beach2.jpg" width="200" height="200" /> 
        <img src="images/beach3.jpg" width="200" height="200" /> 
    </div>
    CSS
    Code:
    .pics {  
        height:  232px;  
        width:   232px;  
        padding: 0;  
        margin:  0;  
    } 
     
    .pics img {  
        padding: 15px;  
        border:  1px solid #ccc;  
        background-color: #eee;  
        width:  200px; 
        height: 200px; 
        top:  0; 
        left: 0 
    }
    Jquery
    Code:
    $('#s1').cycle('fade');

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,301
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    I would probably float the .pics div left and wrap another div around it, in which I would put the text.


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
  •