Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Featured content slider adjustments...?

    Hey everyone, I'm designing a website via blogger for a university group. I'm using a content slider visible at http://BUQuidditch.blogspot.com. The photos I've placed into it do NOT fit correctly and I wasn't sure if there was a way to adjust code to fit the images into the place... Can you help? Here's the code for the slider--


    <!-- Featured Content Slider Started -->

    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>

    <script type='text/javascript'>
    function startGallery() {
    var myGallery = new gallery($(&#39;myGallery&#39, {
    timed: true,
    delay: 7000,
    slideInfoZoneOpacity: 0.8,
    showCarousel: false,
    slideInfoZoneSlide: false
    });
    }
    window.addEvent(&#39;domready&#39;, startGallery);
    </script>

    <div class='fullbox_excerpt'>
    <div class='fullbox_content'>
    <div class='smooth_gallery'>
    <div id='myGallery'>

    <div class='imageElement'>
    <h3>Terrier Pride</h3>
    <p>Boston University is no newcomer to high-level quidditch. Check out our World Cup squad in the links above.</p>
    <a class='open' href='SLIDER-1-URL-HERE' title='This is featured post 1'/>
    <img alt='' class='full' src='http://a2.sphotos.ak.fbcdn.net/hphotos-ak-ash2/165339_188260047858531_188258957858640_619170_4520108_n.jpg'/>
    </div>

    <div class='imageElement'>
    <h3>Born Champions</h3>
    <p>Boston University Quidditch took home first place at the 2011 Northeast Regionals and will look to defend their title next spring season.</p>
    <a class='open' href='SLIDER-2-URL-HERE' title='This is featured post 2'/>
    <img alt='' class='full' src='http://hphotos-sjc1.fbcdn.net/267626_234350186582850_188258957858640_919787_4234070_n.jpg'/>
    </div>

    <div class='imageElement'>
    <h3>Be a Part of the Family</h3>
    <p>Aside from big competition, BUQ also runs a inter-BU league made of &quot;Houses.&quot; We&#39;re open to anyone and everyone and we accept new players every week. Join the team and get sorted onto your House Team!</p>
    <a class='open' href='SLIDER-3-URL-HERE' title='This is featured post 3'/>
    <img alt='' class='full' src='http://a2.sphotos.ak.fbcdn.net/hphotos-ak-snc6/190610_197965160221353_188258957858640_690485_8288227_n.jpg'/>
    </div>

    <div class='imageElement'>
    <h3>It Takes Passion to be this Dedicated</h3>
    <p>The quidditch team plays year round, come sun, rain, sleet and snow. Be prepared for action in all weather!</p>
    <a class='open' href='SLIDER-4-URL-HERE' title='This is featured post 4'/>
    <img alt='' class='full' src='http://a2.sphotos.ak.fbcdn.net/hphotos-ak-ash4/270642_234322573252278_188258957858640_919452_2590551_n.jpg'/>
    </div>

    </div></div></div></div></b:if></b:if>

    <!-- Featured Content Slider End -->

  • #2
    Regular Coder
    Join Date
    Apr 2005
    Location
    Texas
    Posts
    448
    Thanks
    24
    Thanked 63 Times in 63 Posts
    I don't know the dimensions of the container, or the image from your example. But, you could change the size of the images to make them smaller, or the div to make it bigger... just add the following right after the class='full'
    Code:
     style="with:##px ; height:##px"
    but replace the ## with the dimensions you want. If your not sure, then experiment a little. Have fun

    BTW:check your other post too


  •  

    Posting Permissions

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