Hey Wayne Do you know anyway to add like a forward or backward button to this thing?

Can someone tell me how I would center the picture? I tried making the pics 430x270 but my homepage uses 75% for the middle column so the pics are aligned left. No matter what I edit, it seems I cannot center the picture.

Sorry.. Haven't looked into this functionality yet. Have been busy building a movie library within the vBulletin Framework. It isn't quite complete yet but getting there.

http://www.wayneflix.com/movies.php

Once I get done with the movie library, I am going to rewrite this using some PHP to pull articles marked as "featured" in the database. Don't know if I'll be able to distribute it though.

Enclose your slider within a div container and do something like:
Mine looks like:

This one work with the 4.1.5?

Hi,

Slideshow works great in 4.1.6. How can I stop the title showing and the grey background http://www.thechristianchatroom.com/ ?

nice one thanks you

how can we make this rezise pictures to a predefined size bu us given?

thank you bro

installed

anyone can help me with this?

works great on 4.1.12
but i found working with a photo 650x335 and play with the width and heit in the code and you will do fine, for fluid templates.

I don’t have any fixed but you would have to make adjustments.

Doesn't rotate banners in my 4.2.0

<a href="http://www.dbcnutrition.com/forum/content.php" target="_blank">http://www.dbcnutrition.com/forum/content.php</a>

What I did was use this for a single banner on the CMS page and change the code around so it changes the size how I see fit and links to another url and opens another browser. Wont work for me to rotate banners but this does have a good use for using that spot as a sponsor ad. Here's what I did with the code. Hope we can get a slider working here.

<style type="text/css">
ul#slider {
width: 705px;
height: 275px;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}

ul#slider li {
float: center;
position: relative;
/*display: none;*/
}

ul#slider li div {
position: absolute;
width: 705px;
background-color: #000;
color: #fff;
left: 0;
/*display: none;*/
padding: 10px;
}

.top {
top: 0;
}

.bottom {
bottom: 0;
}
</style>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/mySlider.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#slider").mySlider({
timeOut: 4000,
captionOpacity: .7
});
});
</script>
<ul id="slider">

<li>
<a href="http://www.dbcnutrition.com/index.php?main_page=advanced_search_result&search_ in_description=1&keyword=Evoge n&x=0&y=0" target="_blank"><img src="http://www.dbcnutrition.com/evogen.jpg" alt="Evogen" width="705" height="280" /></a>
<div class="top">
Steve Kuclo Mr USA
</div>
</li>
</ul>

How do I quicken up the speed of the images rotating? Working great in 4.2.1. js folder goes into forum root as far as I can tell.

I was wondering if i could get some help, its ot working right for me, im using 4.2.2
I copied the information in the guide and did it right, uploaded the files and thisis what i see
https://vborg.vbsupport.ru/external/2014/04/47.png

You have to paste the code into where it says Enter static html... Replace the image links with your own.

is it really working on 4.2.2 ??? i have tried but no luck

yes it still is working fine, also on 4.2.2

to make it even look better just wrap the whole code in <center> and adjust the px size in the css ;)