nathansearles / slidesjs

SlidesJS is obsolete and no longer maintained.
https://nathansearles.github.io/slidesjs/
1.72k stars 356 forks source link

Slideshow doesn't work... #433

Open zimdo opened 12 years ago

zimdo commented 12 years ago

If I use the minified version... the slideshow doesn't play but also doesn't throw an error. With the dev-version everything works fine.

rmarskell commented 12 years ago

Without any code, it's difficult to help you but try calling

$('#slides').slides("play");

after you set it up (if you're not already).

zimdo commented 12 years ago

i tried that... it works without minification so something seems to be stripped out see herobutton.com for how it's implemented...

<script src="http://herobutton.wpengine.netdna-cdn.com/wp-content/themes/theme/scripts/slides.jquery.js"></script>
        <script>
            $(function(){
                $("#slides").slides({
                    preload: false,
                    generateNextPrev: false,
                    generatePagination: false,
                    crossfade: true, effect: 'fade',
                    play: 4000
                });
            });
        </script>

        <style type="text/css" media="screen">
            .slides_container {
                width:140px;
                height:210px;
                overflow: hidden;
            }
            .slides_container div {
                width:140px;
                height:210px;
                display:block;
            }
        </style>

        <div id="screencap">
            <div id="slides">
                <div class="slides_container">
                    <div>
                        <img src="http://herobutton.wpengine.netdna-cdn.com/wp-content/themes/theme/img/slideshow/01.png" width="140" />
                    </div>
                    <div>
                        <img src="http://herobutton.wpengine.netdna-cdn.com/wp-content/themes/theme/img/slideshow/02.png" width="140" />
                    </div>
                    <div>
                        <img src="http://herobutton.wpengine.netdna-cdn.com/wp-content/themes/theme/img/slideshow/03.png" width="140" />
                    </div>
                    <div>
                        <img src="http://herobutton.wpengine.netdna-cdn.com/wp-content/themes/theme/img/slideshow/04a.png" width="140" />
                    </div>
                    <div>
                        <img src="http://herobutton.wpengine.netdna-cdn.com/wp-content/themes/theme/img/slideshow/04b.png" width="140" />
                    </div>
                    <div>
                        <img src="http://herobutton.wpengine.netdna-cdn.com/wp-content/themes/theme/img/slideshow/04c.png" width="140" />
                    </div>                  
                    <div>
                        <img src="http://herobutton.wpengine.netdna-cdn.com/wp-content/themes/theme/img/slideshow/05.png" width="140" />
                    </div>               
                </div>
            </div>
        </div>
zimdo commented 12 years ago

before you ask... i know that the images in the slide need to be scaled :)