Hi guys

I'm a noob on here, so hi to everyone first of all.

Also, I'm a bit of a noob to jQuery, although I've been a designer for
around 2 years so have a good understanding of XHTML / CSS etc, plus
I'm a "junior" level devloper in .Net using VB. Anyway, that's a bit
about me!

Ok, the issue I have is this:

I'm building a .NET site, all seems to be going well but I've decided
to use the jQuery library in conjunction with the slideshow rig from
the guys at Interface.  All works perfectly in FF but won't even think
about working in IE6 /  IE7.

I've included  the required JS files in the header tag and then have
the following code in a seperate JS file :


$(document).ready(
        function()
        {
                $.slideshow(
                        {
                                container : 'right',
                                loader: 'jscript/
slideshow_loader.gif',
                                linksPosition: 'top',
                                linksClass: 'pagelinks',
                                linksSeparator : ' | ',
                                fadeDuration : 600,
                                activeLinkClass: 'activeSlide',
                                nextslideClass: 'nextSlide',
                                prevslideClass: 'prevSlide',
                                captionPosition: 'bottom',
                                captionClass: 'slideCaption',
                                autoplay: 7,
                                random: true,
                                images : [
                                        {
                                                src: 'images/photos/
sample.jpg',
                                                caption: 'Sample 1'
                                        },
                                        {
                                                src: 'images/photos/
sample2.jpg',
                                                caption: 'Sample 2'
                                        },
                                        {
                                                src: 'images/photos/
sample3.jpg',
                                                caption: 'Sample 3'
                                        },
                                        {
                                                src: 'images/photos/
sample.jpg',
                                                caption: 'Sample 1'
                                        },
                                        {
                                                src: 'images/photos/
sample2.jpg',
                                                caption: 'Sample 2'
                                        },
                                        {
                                                src: 'images/photos/
sample3.jpg',
                                                caption: 'Sample 3'
                                        },
                                        {
                                                src: 'images/photos/
sample.jpg',
                                                caption: 'Sample 1'
                                        },
                                        {
                                                src: 'images/photos/
sample2.jpg',
                                                caption: 'Sample 2'
                                        },
                                        {
                                                src: 'images/photos/
sample3.jpg',
                                                caption: 'Sample 3'
                                        },
                                        {
                                                src: 'images/photos/
sample.jpg',
                                                caption: 'Sample 1'
                                        },
                                        {
                                                src: 'images/photos/
sample2.jpg',
                                                caption: 'Sample 2'
                                        },
                                        {
                                                src: 'images/photos/
sample3.jpg',
                                                caption: 'Sample 3'
                                        }
                                ]
                        }
                )

                $('a').ToolTip(
                        {
                                className: 'inputsTooltip',
                                position: 'mouse'
                        }
                );
        }
);

Which I then call:

<script type="text/javascript" src="jscript/slideshow.js"></script>

It's got me stumped!

Any help greatly appreciated.

Thanks
Mark

Reply via email to