Ankündigung

Einklappen
Keine Ankündigung bisher.

ttumbnails in CSS

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • ttumbnails in CSS

    ALL-INKL.COM - Webhosting Server Hosting Domain Provider

    Hallo Leute,
    wieder so ne Frage:
    Wer kann mir sagen wie oder wo ich ein Css Programchen finde für folgendes.:
    Einzelne Thumbnails, einblenden, dann Erklärungstext drauf/drunter, und mit Zeitschaltung oder durch anklicken wieder ausblenden.
    Hab so'n Ding hier eingebaut: www.sandrawies.com/angebot.html
    ABER die Steuerung wird von einer "ru" Adresse geladen, so dass ich keinen Einfluss darauf habe. Und die Seite ist daduch nicht W3C konform.
    Danke für jeden Typ !!!
    Arsene

  • #2
    AW: ttumbnails in CSS

    "zeitgesteuert" lässt sich in CSS nur mit animations/keyframes lösen, was für Deinen Zweck allerdings die schlechtere Wahl wäre.
    Du benötigst für sowas JavaScript, da gibt es bspw. setTimeout.
    PHProcks! » Tutorials

    Kommentar


    • #3
      AW: ttumbnails in CSS

      OK die Zeitsteuerung muss nicht sein !! ( Sorry Alter Mann -63)
      Aber dann mit klick auf's Bild -Text einblenden - klick irgenwo -Text aus.
      Bilder als thumb nebeneinander, wie auf der obigen Seite.
      Text soll aber in der Obersten Ebene erscheinen. hier verschwindet er hinter dem nächsten Bild
      expierimentiere Momemtan mit :
      @charset "utf-8";
      .container {
      position:relative;
      }
      .container .textbox {
      width:90%;
      height:auto;
      position:absolute;
      top:0;
      left:0;
      -webkit-transform: scale(0);
      transform: scale(0);
      border-radius:5px;
      background-color: rgba(0,0,0,0.75);
      -webkit-box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);
      box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);
      }
      .container:hover .textbox {
      -webkit-transform: scale(1);
      transform: scale(1);
      }
      .text {
      padding-top: 50px;
      }
      .textbox {
      -webkit-transition: all 0.7s ease;
      transition: all 0.7s ease;
      }
      HTML/* CSS Document */
      HTML
      <div class="container">
      <img src="" alt=""><img src="img/14.jpg" alt="14"/>
      <div class="textbox">
      <p class="text">

      Kommentar


      • #4
        AW: ttumbnails in CSS

        Man könnte daran denken, eine vorgefertigte Lightbox zu verwenden, z. B. Fancybox. Es gibt viele, die Beschriftungen unterstützen und man müsste ausprobieren, ob sie so lange Text vernünftig anzeigen kann.

        Kommentar


        • #5
          AW: ttumbnails in CSS

          Zitat von Sempervivum Beitrag anzeigen
          Man könnte daran denken, eine vorgefertigte Lightbox zu verwenden, z. B. Fancybox. Es gibt viele, die Beschriftungen unterstützen und man müsste ausprobieren, ob sie so lange Text vernünftig anzeigen kann.
          Danke, nur 2 Probleme. (habe das schon vor Jahren mal umgebaut/eingebaut.)
          1) JS kein CSS was ich suche
          2) kein responsive Layout. ( Bildschirm groesse anpassen.)
          Wie geschrieben, suche was in CSS* und responsive.
          SCHWER zu finden und wenn, dann kann ich keinen Text einbinden
          .
          Die Jagt geht weiter...+phpbb_sad

          Kommentar


          • #6
            AW: ttumbnails in CSS

            Fancybox ist responsiv.
            Warum lehnst Du denn eine Lösung mit Javascript/jQuery ab?

            Kommentar


            • #7
              ALL-INKL.COM - Webhosting Server Hosting Domain Provider
              AW: ttumbnails in CSS

              Zitat von Atlan
              Einzelne Thumbnails, einblenden, dann Erklärungstext drauf/drunter, und mit Zeitschaltung oder durch anklicken wieder ausblenden.
              Zitat von Atlan
              Wie geschrieben, suche was in CSS
              Wirst Du aber nicht finden! CSS hat weder einen Timer ähnlich setTimeout() in JS, noch eine detaillierte Event-Steuerung.

              Mit den zwei Möglichkeiten hast Du recht, aber sie lauten:
              1. anfreunden mit JS o.ä.
              2. Vorhaben ad Akta legen


              Alles andere wird nur Gefummel...
              PHProcks! » Tutorials

              Kommentar

              homepage-forum.de - Hilfe für Webmaster! Statistiken

              Einklappen

              Themen: 56.541   Beiträge: 427.629   Mitglieder: 28.122   Aktive Mitglieder: 46
              Willkommen an unser neuestes Mitglied, Tobiasp.

              Online-Benutzer

              Einklappen

              143 Benutzer sind jetzt online. Registrierte Benutzer: 3, Gäste: 140.

              Mit 2.057 Benutzern waren am 14.07.2019 um 12:45 die meisten Benutzer gleichzeitig online.

              Die neuesten Themen

              Einklappen

              Die neuesten Beiträge

              Einklappen

              Lädt...
              X