drag slider durchsichtig

Nein, so kann es nicht funktionieren, denn das, was ich zuletzt gepostet habe, ist CSS und kein HTML. Informiere dich, wie Du CSS einbinden kannst:

https://wiki.selfhtml.org/wiki…ieg/Stylesheets_einbinden

Doch, das hat schon seine Richtigkeit, denn das ist CSS, kein HTML. Wenn Du es in deine HTML-Seite einbetten willst, muss es so aussehen und dann sind auch die spitzen Klammern da:

<style>
    div[data-content="content-2"]>img {
       width: 30%;
       height: auto;
    }
</style>

Der Name des Bildes ist im CSS nicht notwendig, denn das ist eine allgemeine Formulierung. Verbal etwa: Nimm alle divs, die ein Attribut data-content mit dem Wert "content-2" haben. Darin suche jeweils ein img-Element und wende darauf die CSS-Anweisungen in den geschweiften Klammern an.

Und das CSS gehört dann in den Head.

Ja, das HTML bleibt unverändert.

Dieses CSS in eine Datei custom.css im Verzeichnis css schreiben:

img.customimg {
    width: 10%;
    height: auto;
}

Diese Datei in der HTML-Datei einbinden:

    <link rel="stylesheet" type="text/css" href="css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="css/demo.css" />
    <link rel="stylesheet" type="text/css" href="css/dragdealer.css" />
    <link rel="stylesheet" type="text/css" href="css/component.css" />
    <link rel="stylesheet" type="text/css" href="css/custom.css" />  <!-- dieses einfuegen -->
    <script src="js/modernizr.custom.js"></script>
</head>

Das HTML für das Einbinden des Bildes, wie Du siehst, habe ich dem Bild die Klasse "customimg" gegeben, damit man es zweifelsfrei identifizieren kann.

                <div class="content" data-content="content-2">
                    <h2>Round Table <span>King Arthur's creative team
                            techniques</span></h2>
                    <img class="customimg" src="img/buttonpause.png">
                    <p>Passing by the rugged Socotra, we soon sighted
                        the mountainous southern coast of Arabia, and by
                        midday on January 20 we were focussing our binoculars on the picturesque gate of the Indian
                        Ocean, Aden. Curious it is how Britain has secured all the great strategical points of the
                        world—Gibraltar, Suez, Aden, Singapore, Thursday Island, the Cape of Good Hope, and the rest.
                        And one has only to see Aden, with its rocky peaks piercing the skyline, to realize how strong
                        it is, and how futile would be any effort to capture it. For all the defences of Aden seem to be
                        hewn out of solid granite.</p>

Verstehe nicht ganz: Weder im oberen noch im unteren Bereich sehe ich Pfeile nach links und rechts, sondern oben navigiert man durch horizontales Wischen? Oder meinst Du das Weiterschalten mit den Pfeiltasten?

Verstehe. Ist sicher machbar, aber mir im Moment zu kompliziert. Für sich gesehen, wäre es noch relativ einfach, diese Seiten horizontal zu sliden, aber man müsste es in das vorhandene Skript integrieren und das macht es ein wenig kompliziert.

Vielleicht macht es jemand anders.