Rotor mit mehr als 2 Elementen?

Clyde · 21 August 2017, 09:47:07

Läuft bei jemandem der Rotor mit mehr als 2 Widgets?

<div data-type="rotor" data-delay="8000" class="">
  <ul>
<!--
-->
    <li>
				<div class="" >1</div>
    </li>
    <li>
				<div class="" >2</div>
    </li>
    <li>
				<div class="" >3</div>
    </li>
  </ul>
</div>

setstate · 22 August 2017, 23:00:16

ja, dein Code läuft bei mir. Aller 8 Sekunden eine neue Zahl

Hier als lauffähige Seite mit Änderung aller 1,5 sek

Code Auswählen


<!DOCTYPE html>
<html>

<head>
    <script src="js/fhem-tablet-ui.js"></script>
</head>

<body>

    <div class="vbox huge">
        <div data-type="rotor" data-delay="1500" class="">
            <ul>
                <li>
                    <div class="">1</div>
                </li>
                <li>
                    <div class="">2</div>
                </li>
                <li>
                    <div class="">3</div>
                </li>
            </ul>
        </div>
    </div>

</body>

</html>

benedikt-wue · 24 Dezember 2020, 14:51:00

Moin,
ich muss diesen Thread mal eben ausgraben... bei mir werden nur die ersten beiden Widgets angezeigt, das dritte "fällt aus" und der Rotor spielt nur Widget1 - Widget2-Widget1-etc...

Code Auswählen

<!DOCTYPE html>
<html>

<head>


    <link rel="icon" href="favicon.ico" type="image/x-icon" />

    <meta name='gridster_disable' content='1'>
    <meta name='gridster_resize' content='0'>
    <meta name='debug' content='2'>

    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />

    <!-- link rel="stylesheet" href="css/fhem-darkblue-ui.css" / -->
    <!--link rel="stylesheet" href="css/ftui-bright-mint-ui.css" / -->

    <!-- define your personal style here, it wont be overwritten  -->
    <!-- link rel="stylesheet" href="css/fhem-green-ui.css" / -->
    <!-- link rel="stylesheet" href="css/fhem-tablet-ui-user.css" / -->

    <script src="js/fhem-tablet-ui.js" defer></script>
    <script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>

    <!-- Remove this line to enable for usage with WebViewControl 
    <script defer>
        var wvcDevices = {
            '12345': 'Tablet'
        };
        var wvcUserCssFile = "webviewcontrol.css"
    </script>
    <script src="../pgm2/cordova-2.3.0.js" defer></script>
    <script src="../pgm2/webviewcontrol.js" defer></script>
    <!-- End for WebViewControl -->

    <title>Beamer</title>
</head>

<body>
    <div class="gridster">
        <ul>
            <li data-row="1" data-col="1" data-sizex="12" data-sizey="12">
               <header></header>
                    
                        <div data-type="rotor" class="fade" data-delay="10000">
                        <ul>
                            <li>
                                <div data-type="image" 
                                     data-device="Spotify" 
                                     data-get="track_album_cover_large" data-size="500px">
                                </div>
                            </li>
                            
			                 <li>
                                <iframe id="ytplayer" 
                                        type="text/html" 
                                        width="640" height="360"
                                        src="https://www.youtube.com/embed/Btt_7wLpwxM?autoplay=1"frameborder="0"/>
				            </li>

                            <li>
                                <div data-type="label" 
                                     data-device="Spotify" 
                                     data-get="track_album_name">
                                </div>
                            </li>
                        </ul>
                        </div>
                    
            </li>
        </ul>
    </div>
</body>
</html>

als Widget 3 hätte ich gerne anstatt des "labels" eine Webseite angezeigt, auf der ebenfalls eine Webcam angezeigt wird (also wieder "iframe"?!)... insgesamt scheine ich aber zu doof dafür zu sein... Wäre für Hilfe sehr dankbar...
Frohes Fest!

MKeY · 24 Dezember 2020, 16:28:50

Code Auswählen


<li>
<iframe id="ytplayer"
type="text/html"
width="640" height="360"
src="https://www.youtube.com/embed/Btt_7wLpwxM?autoplay=1"frameborder="0"/
</iframe>
</li>

ungetestet, weil bei meinen Ellis, aber es fehlt bei dir mindestens das schließende

Code Auswählen

</iframe>

benedikt-wue · 24 Dezember 2020, 16:35:44

Vielen Dank schonmal für Deine Zeit!

Code Auswählen


</iframe>

ist doch drin oder? Oder brauche ich da aus irgendwelchen Gründen ein zweites?

Zitat
ungetestet, weil bei meinen Ellis

Was bedeutet "meine Ellis"?

MKeY · 24 Dezember 2020, 16:56:12

Zitat von: benedikt-wue am 24 Dezember 2020, 14:51:00
Code Auswählen Erweitern
<li> <iframe id="ytplayer" type="text/html" width="640" height="360" src="https://www.youtube.com/embed/Btt_7wLpwxM?autoplay=1"frameborder="0"/> </li>

in deinem code ist es nicht drin, ich hab es rein gepackt, damit du es kopieren kannst

Ellis = Eltern

benedikt-wue · 24 Dezember 2020, 18:19:56

Ich glaube, es funktioniert! Vielen Dank!

benedikt-wue · 28 Dezember 2020, 13:11:42

Muss doch nochmal anfragen: das Prinzip funktioniert jetzt, es wird durchgewechselt. Allerdings werden die Fenster immer wieder in unterschiedlichen Größen angezeigt, mal spielen die youtube - Videos automatisch ab, mal nicht. Der Code aber ändert sich ja nicht. Hat da noch jemand eine Idee, wie ich das "abstellen" kann?
Schöne Grüße!