ASP.NET Discussion Boards

Hi,

I would like to ask what's the bset SlideShow control to use with ASP.NET from your experience?

Thanks,
Jassim

http://www.JassimRahma.com[^]

Technology News @ www.JassimRahma.com

in my opinion ajax is good and safe control and easy to use but if u want to have more graphical effect u can use nivoo slider it's free and fast.
I have lot's of test with the 3 top of slider that are usual: 1.ajax ,2.nivoo ,3.wowslider
the result is nivoo slider won.

Successful is feeling happy.

which ajax you mean? the ajax toolkit?

Technology News @ www.JassimRahma.com

Yes, ajax toolkit

Most here on the CodeProject write their own programs for everything, such as slideshows, few purchase anything for use.

Slideshows are just a div tag element with an image tag inside, in which you use javascript to change the image source, and to tween the image up down left or right.

You can then make it more complex by adding something to store various image file locations, such as a xml file, and rotate through the record elements.

I had some slide show code from a project I had to upgrade, in which the slideshow was the only thing that worked. Actually now that I think about it, I had to fix that as well, was poorly written. Requires JQuery 1.8.2. I don't have the CSS for it anymore.

I think this had a container called slider_Container, and 4 div tags inside it, in which in moved the div inside the container. It's written in Jquery, and will not work with an update panel on the page, because you have to edit the file below to handle the UP events when they fire.

<div id="_slider_Container">
   <div id="slide0"><img /></div>
   <div id="slide1"><img /></div>
   <div id="slide2"><img /></div>
   <div id="slide3"><img /></div>
</div>

$(document).ready(function () {
    
    var slideContainer = $('[id*="_slider_container"]');
    var slidesHolder = $(slideContainer).children();
    var slideWidth = $(slideContainer).width();
    var slides = $(slidesHolder).children();
    var slidePos = 0;    
    var slideTotal = slides.length;
    var currentSlide = 0;
    var delay = 5000;
    var slideTime = 1000;

    $(slideContainer).css({
        'overflow': 'hidden',
        'position': 'relative'
    });

    $(slidesHolder).css({
        'position': 'absolute'
    });

    for (var i = 0; i < slides.length; i++) {
        $(slides[i]).css({
            'position': 'absolute',
            'top': '0',
            'left': slidePos + 'px'
        });
        slidePos = slidePos + slideWidth;
    }

    $(slidesHolder).css('width', slidePos + slideWidth);

    $(slides).first().clone().css({
        'left': slidePos + 'px'
    }).appendTo(slidesHolder);

    animate();

    function animate() {
        $(slidesHolder).delay(delay).animate({
            left: '-=' + slideWidth
        }, slideTime, function () {
            if (currentSlide < slideTotal - 1) {
                currentSlide++;
                animate();
            } else {
                $(slidesHolder).css({
                    'left': 0
                });
                currentSlide = 0;
                animate();
            }
        });
    }

});