Affichage linéaire

Booster2ooo · (Modification du message : 19-05-2012, 19h58 par Booster2ooo.)

15minutes:

Avec jQuery

Code :
<html>

    <head>

        <meta charset="utf-8" />

        <title>Site spinner demo | Booster2ooo@N-PN</title>

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

        <script type="text/javascript">

        $(document).ready(function() {

            var siteList = [

                                'http://n-pn.fr/forum/showthread.php?tid=2031'

                                , 'http://n-pn.fr/index.php?mod=tuto'

                                , 'http://n-pn.fr/index.php?mod=challenges'

                            ]

                , interval = 5000 // 5secs

                , buffer = siteList.slice(0)

                , next = function() {

                        if(buffer.length == 0) buffer = siteList.slice(0);

                        $('#iTarget').attr('src', buffer.shift());

                    }

                ;

            next();

            setInterval(function() { next() }, interval);

        });

        </script>

        <style>

            * {

                margin:0; padding:0;

            }

        </style>

    </head>

    <body>

        <iframe id="iTarget" name="iTarget" src="" frameborder="no" style="border: 0; width: 100%; height: 100%"></iframe>

    </body>

</html>

Javascript pur

Code :
<html>

    <head>

        <meta charset="utf-8" />

        <title>Site spinner demo | Booster2ooo@N-PN</title>

        <style>

            * {

                margin:0; padding:0;

            }

        </style>

    </head>

    <body>

        <iframe id="iTarget" name="iTarget" src="" frameborder="no" style="border: 0; width: 100%; height: 100%"></iframe>

    </body>

    <script type="text/javascript">

    var siteList = [

                        'http://n-pn.fr/forum/showthread.php?tid=2031'

                        , 'http://n-pn.fr/index.php?mod=tuto'

                        , 'http://n-pn.fr/index.php?mod=challenges'

                    ]

        , interval = 5000 // 5secs

        , buffer = siteList.slice(0)

        , next = function() {

                if(buffer.length == 0) buffer = siteList.slice(0);

                document.getElementById('iTarget').src = buffer.shift();

            }

        ;

    next();

    setInterval("next()", interval);

    </script>

</html>

Identifiant Mot de passe
S’enregistrer \| Mot de passe oublié ? Se rappeler