Webboard

wersja skryptu MyBB: 1.6.9
adres forum: CS-Fragwar.eu
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): deflection

Witam.
Mam problem z prawidłowym działaniem slidera.
Żeby zobaczyć dokładnie jaki mam problem proszę wejść na strone http://cs-fragwar.eu , gdy ładuje się strona umieszczony na samej górze slider pokazuje najpierw grafiki w postaci pionowej jeden pod drugim, a za chwile wraca do pozycji takiej w jakiej powinien działać.

Zainstalowałem ten slider kod poniżej:
Jak powinno się go prawidłowo dodać do stylu, aby się od razu działał prawidło? Chodzi mi co, gdzie i jak dodać, jaki fragment kodu do jakiego szablonu. Bo ja wszystko dodałem do nagłówek-header.
Proszę o pomoc.[/code]

Kod:
<html>

<head>

<title>Content Slider</title>

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

<script language="javascript" type="text/javascript" src="jquery-1.3.2.min.js"></script>

<script language="javascript" type="text/javascript" src="jquery.flow.1.2.js"></script>

<script type="text/javascript">

$(document).ready(function(){

    $("#myController").jFlow({

        slides: "#slides",

        controller: ".jFlowControl", // must be class, use . sign

        slideWrapper : "#jFlowSlide", // must be id, use # sign

        selectedWrapper: "jFlowSelected",  // just pure text, no sign

        auto: true,        //auto change slide, default true

        width: "610px",

        height: "235px",

        duration: 400,

        prev: ".jFlowPrev", // must be class, use . sign

        next: ".jFlowNext" // must be class, use . sign

    });

});

</script>

</head>

<body>

    <div class="jflow-content-slider">

        <div id="slides">

            <div class="slide-wrapper">

                <div class="slide-thumbnail">

                    <img src="images/imprezz.jpg" alt="photo"/>

                </div>

                <div class="slide-details">

                    <h2>Imprezz Wordpress Theme</h2>

                    <div class="description">

                        In this post we release Imprezz ¨C a simple and beautiful 3-column-theme, a free WordPress theme designed by Gopal Raju from ProductiveDreams for Smashing Magazine and its readers. The theme can be used in various setting for various purposes - in magazine-blogs, but also in corporate and private blogs.

                    </div>

                </div>

                <div class="clear"></div>

            </div>

            <div class="slide-wrapper">

                <div class="slide-thumbnail">

                    <img src="images/gallery.jpg" alt="photo"/>

                </div>

                <div class="slide-details">

                    <h2>Gallery Wordpress Theme</h2>

                    <div class="description">

                        Gallery is a beautiful, free, gallery-style Thematic child theme for WordPress, designed by Christopher Wallace especially for Smashing Magazine and its readers. It is extremely flexible and can be used as a starting point for design galleries and portfolios.

                    </div>

                </div>

                <div class="clear"></div>

            </div>

            <div class="slide-wrapper">

                <div class="slide-thumbnail">

                    <img src="images/magazeen.jpg" alt="photo"/>

                </div>

                <div class="slide-details">

                    <h2>Magazeen Wordpress Theme</h2>

                    <div class="description">

                        Magazeen ˇŞ a free advanced Wordpress-theme in a magazine-llok created by the talented WeFunction Design Agency. This bold magazine 2-col-theme was designed with the main focus being on typography, grids and magazine-look. It was created especially for Smashing Magazine and its readers.

                    </div>

                </div>

                <div class="clear"></div>

            </div>

            <div class="slide-wrapper">

                <div class="slide-thumbnail">

                    <img src="images/vintage.jpg" alt="photo"/>

                </div>

                <div class="slide-details">

                    <h2>Vintage Wordpress Theme</h2>

                    <div class="description">

                        The themes include full PSD-templates and can be used without any restrictions whatsoever. The themes were commissioned by Smashing Magazine exclusively for our readers and designed by Wendell Fernandes.

                    </div>

                </div>

                <div class="clear"></div>

            </div>

            <div class="slide-wrapper">

                <div class="slide-thumbnail">

                    <img src="images/blues.jpg" alt="photo"/>

                </div>

                <div class="slide-details">

                    <h2>Blues Wordpress Theme</h2>

                    <div class="description">

                        This theme is a variation of the theme presented above; however, it tries not to focus on the vintage look but on a simple, clean, and user-friendly design. This theme was commissioned by Smashing Magazine exclusively for our readers and designed by the Dellustrations design agency.

                    </div>

                </div>

                <div class="clear"></div>

            </div>

        </div>

        <div id="myController">

            <span class="jFlowPrev">Prev</span>

            <span class="jFlowControl">1</span>

            <span class="jFlowControl">2</span>

            <span class="jFlowControl">3</span>

            <span class="jFlowControl">4</span>

            <span class="jFlowControl">5</span>

            <span class="jFlowNext">Next</span>

        </div>

        <div class="clear"></div>

    </div>

</body>

</html>

Do CSS pewnie też coś dodawałeś?

Do css nic nie dodawałem jest osobny plik style.css

To spróbuj gdzieś, do którejś klasy (nie wiem co się wczytuje najpierw) dodać:

Kod:
display: none;

i sprawdź.

Csysiu

SLAVOO

Csysiu

SLAVOO