Gunnar Bittersmann: Bilderslider - CSS oder JavaScript?

Beitrag lesen

@@Carmen:

nuqneH

Stimmt, und es muss nicht erst jQuery und Co geladen werden. Daher habe ich mich für einen CSS - Slider entschieden.

Es gibt auch welche, die ohne jQuery auskommen: Swipe bspw.

Im Slider ist dieses nicht mehr möglich, wie kann ich nun das background-size:cover; anwenden? Stehe gerade total auf dem Schlauch.

Das Bild soll also mindestens so breit und mindestens so hoch sein wie seine umgebende Box:

… img  
{  
	min-width: 100%;  
	min-height: 100%;  
}

Ich habe mir eine Demo Version von Photoshop installiert, laut einer Anleitung muss ich dort einfach auf "Für Web speichern" klicken, habe ich auch gemacht.

Mit einfach klicken ist es nicht getan. Du kannst dort auch die Größe (Pixel) und die Qualität einstellen.

Qapla'

--
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
0 152

Bild über die ganze Breite

Carmen
  • meinung
  1. 0
    Mattes
    1. 0
      Carmen
      1. 0
        Mattes
      2. 0
        Gunnar Bittersmann
        1. 0

          Grafik-Software: Wo und was lernen?

          Robert R.
          • multimedia (audio & video)
  2. 0
    Robert R.
    1. 0
      Carmen
  3. 0
    1UnitedPower
    1. 0
      Auge
      1. 0
        Gunnar Bittersmann
        1. 0
          Gunnar Bittersmann
          1. 0
            Auge
            1. 0
              Gunnar Bittersmann
              1. 0
                Auge
    2. 0
      Gunnar Bittersmann
      1. 0
        Carmen
        1. 0
          Matthias Apsel
  4. 0

    Online Beispiel + Navigations Frage

    Carmen
    1. 0
      Camping_RIDER
      1. 0
        Matthias Apsel
        1. 0
          Camping_RIDER
      2. 0
        Carmen
  5. 0

    <h1> gestallten

    Carmen
    • css
    1. 0
      Mattes
      1. 0
        Carmen
        1. 0
          Gunnar Bittersmann
          • multimedia (audio & video)
        2. 0
          Mattes
          1. 0
            Gunnar Bittersmann
            1. 0
              Mattes
              1. 0
                Gunnar Bittersmann
                1. 0
                  Mattes
      2. 0
        Gunnar Bittersmann
    2. 0
      Der Martin
      1. 0
        Matthias Apsel
        1. 1
          Matthias Apsel
          1. 0
            Carmen
            1. 0
              Matthias Apsel
              1. 0
                Carmen
                1. 0
                  Matthias Apsel
                  1. 0
                    Carmen
    3. 0
      ChrisB
  6. 0

    Warnung beim validator

    Carmen
    • html
    1. 0
      Der Martin
  7. 0

    PX und EM

    Carmen
    1. 0
      Camping_RIDER
      1. 0
        Carmen
        1. 0
          Camping_RIDER
        2. 0
          Gunnar Bittersmann
          1. 0
            Carmen
            1. 0
              Gunnar Bittersmann
              1. 0

                Sass und Co.

                Camping_RIDER
                1. 0
                  Gunnar Bittersmann
    2. 0
      Der Martin
      1. 0
        Carmen
  8. 0

    Bild & Text bei hover ändern

    Carmen
    • css
    1. 0
      Carmen
      1. 0
        Carmen
        1. 0
          Carmen
          1. 0
            Carmen
            1. 0
              Gunnar Bittersmann
      2. 0
        Tabellenkalk
        1. 0
          Carmen
          1. 0
            Matthias Apsel
            1. 0
              Carmen
              1. 0
                Matthias Apsel
                1. 0
                  Carmen
                  1. 0

                    Update - figure & figcaption

                    Carmen
                    1. 0
                      Matthias Apsel
                      1. 0
                        Carmen
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            Camping_RIDER
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                Carmen
                              2. 0
                                Camping_RIDER
                          2. 0
                            Carmen
                            1. 0

                              Der Name der Friseuse (Friseurin?)

                              Camping_RIDER
                              • meinung
                  2. 0
                    Matthias Apsel
                    1. 0
                      Carmen
                  3. 0
                    Gunnar Bittersmann
                    1. 0
                      Carmen
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Carmen
                          1. 0
                            Camping_RIDER
                            1. 0
                              Carmen
                              1. 0
                                Matthias Apsel
                                1. 0
                                  Carmen
                                  1. 0
                                    Der Martin
    2. 0
      Matthias Apsel
  9. 0

    Darstellung Adresse, Öffnungszeiten und Kontaktmöglichkeiten

    Carmen
    1. 0
      Auge
      1. 0
        Carmen
        1. 0
          Carmen
          1. 0
            Matthias Apsel
            1. 0
              Gunnar Bittersmann
            2. 0
              Carmen
  10. 0

    Design Frage - Anordnung der Bilder

    Carmen
    • design/layout
    1. 0
      Gunnar Bittersmann
      1. 0
        Carmen
        1. 0
          Matthias Apsel
        2. 0
          Gunnar Bittersmann
          1. 0
            Carmen
            1. 0
              Auge
              1. 0
                Carmen
          2. 0
            Carmen
            1. 0
              Gunnar Bittersmann
              1. 0
                Matthias Apsel
  11. 0

    Kontaktformular

    Carmen
    • css
    1. 0
      Gunnar Bittersmann
      1. 0
        Carmen
        1. 0
          Carmen
          1. 0
            Carmen
            1. 0
              Matthias Apsel
              1. 0
                Carmen
                1. 0
                  Auge
            2. 0
              Gunnar Bittersmann
          2. 0
            Gunnar Bittersmann
            • design/layout
            1. 0
              Gunnar Bittersmann
            2. 0
              Carmen
              1. 0
                Gunnar Bittersmann
  12. 0

    Bilderslider - CSS oder JavaScript?

    Carmen
    1. 0
      Auge
      1. 0
        Carmen
        1. 0
          Gunnar Bittersmann
          1. 0
            Carmen
            1. 0
              Gunnar Bittersmann
              1. 0
                Carmen
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Carmen
                    1. 0
                      Gunnar Bittersmann
                      1. 0
                        Carmen
                      2. 0

                        Es funktioniert einfach nicht!

                        Carmen
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            Carmen
                            1. 0
                              Matthias Apsel
                              1. 0
                                Carmen
                                1. 0
                                  Matthias Apsel
                                  1. 0
                                    Auge
                                    1. 0
                                      Gunnar Bittersmann
                                      1. 0
                                        Auge
                                    2. 0
                                      Matthias Apsel
                                      1. 0
                                        Auge
        2. 0

          jQuery != JavaScript

          Camping_RIDER
  13. 0

    JavaScript - Slider hat zu viel Abstand nach rechts!

    Carmen
    • css
    1. 0

      JavaScript - Slider Version 2 (aktuelle Version)

      Carmen
  14. 0

    Warum funktioniert :nth-child(3n) nicht?

    Carmen
    • css
    1. 0
      Gunnar Bittersmann
      1. 0
        Carmen
        1. 0
          Gunnar Bittersmann
          1. 1
            Gunnar Bittersmann
            1. 0
              Carmen
              1. 0
                Gunnar Bittersmann