vBulletin CMS Widgets - Slider Widget s3slider

Here is a lite slider for vbulletin CMS
Login into Admin Panel(Admincp)
Open up vBulletin CMS in Sidebar click Widgets when page opens click Create New Widget near bottom page
Then a new page will come up and choose the following options:

Widget Type: Static HTML
Title: Slider
Description: Content Slider

click save
now you will see a widget called slider click configure and paste the following into the Enter Static HTML Box Edit the pictures you want and then Click save and you done.
Edit your Layout to show the widget where you want i would choose the Middle box in Home Layout

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

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

ul#slider li div {
    position: absolute;
    width: 373px;
    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>
            <img src="images/slider/2.jpg" alt="" />
            <div class="top">
                Some nice text captions..
            </div>
        </li>
        <li>
            <img src="images/slider/3.jpg" alt="" />
            <div class="bottom">

                Some nice text captions..
            </div>
        </li>
        <li>

            <img src="images/slider/4.jpg" alt="" />
            <div class="bottom">
                Some nice text captions..
            </div>
        </li>
    </ul>

Developer of the slider is Creative Commons Attribution

[strudinox]

Great addition to the CMS!!

Is there a way for it to pull the images at random?

[onesexforum]

is there a way to get this to work only on the CMS homepage and no other pages. It's just that i think i may make the users annoyed that it comes up even on articles and things.

If you could possibly get back to me asap that would be amazing apart from that great mod

[Wayne Luke]

Originally Posted by onesexforum

is there a way to get this to work only on the CMS homepage and no other pages. It's just that i think i may make the users annoyed that it comes up even on articles and things.

If you could possibly get back to me asap that would be amazing apart from that great mod

Create a layout specifically for your homepage. Assign this widget to it. Use a different layout for other pages.

[wander118]

update: ohhh i figured it out. you have to upload the js folder in the zip file. thanks!

****
Hi, really looking forward to using something like this! thanks. I put the widget on my CMS page, and one pic shows up with caption, but it doesnt switch to any of the other pictures i specified.

any help would be great.

[ArcadeSyndicate]

Originally Posted by wander118

I put the widget on my CMS page, and one pic shows up with caption, but it doesnt switch to any of the other pictures i specified.


any help would be great.

had the same prob, just put it in an iframe.

[The Rocketeer]

Edit: seems to be working fine with vb 4.1..does LAG a lot though... next version should have to be more faster... thanks a lot, will post our demo / forum cms link showing it working

[eshrink]

Thank you for this, and I have it running successfully.

It works beautifully in Internet Explorer, but when using Safari on a Mac, only the first photo shows and then the area remains blank until the first photo is again called. Eg. it does not call the other photos.

Java is set to work in Safari Security.

Any idea of why it does not call other than the first photo?

Thank you once again.

[nacaruncr]

is it possible to installed in cmps??
because the cms doesn't like me.... and I'd like if it can do it too in cmps

If It is possible, can you help me, please??

thanks

[Wood 20th*]

Sorry but can someone tell me where I am suppose to place the two folders images and js.. Not sure where to place these..

Thanks in advance..

[tidus78]

Is it available in forum?