View Full Version : Featured content slider adjustments...?

09-15-2011, 05:11 PM
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);

<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 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 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 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'/>


<!-- Featured Content Slider End -->

09-16-2011, 04:52 AM
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'

style="with:##px ; height:##px"

but replace the ## with the dimensions you want. If your not sure, then experiment a little. Have fun :thumbsup:

BTW:check your other post too