ilch Forum » Ilch CMS 2.X » Design und Templates » Slider im Header

Geschlossen
  1. #1
    User Pic
    PainterMicha Mitglied
    Registriert seit
    25.11.2021
    Beitrge
    2
    Beitragswertungen
    0 Beitragspunkte
    Hallo zusammen....

    wo kann ich die Anzahl der Bilder als Slider im Header festlegen?

    Ich bin kein Gamer und nutze die HP privat, habe aber meine Eigenen Ideen....

    in den Letzten Jahren hat sich hier viel verändert, kann mir da einer Helfen?

    LG Micha


    verwendete ilch Version: 2.1.x

    betroffene Homepage: www.michashobbythek.de


    Zuletzt modifiziert von PainterMicha am 26.11.2021 - 20:29:53
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    corian Entwickler
    Registriert seit
    16.06.2011
    Beitrge
    1.096
    Beitragswertungen
    122 Beitragspunkte
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    PainterMicha Mitglied
    Registriert seit
    25.11.2021
    Beitrge
    2
    Beitragswertungen
    0 Beitragspunkte
    Vielen Dank....

    das hilft mir schon sehr viel weiter

    LG Micha
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    BlackRomeo Moderator
    Registriert seit
    31.01.2014
    Beitrge
    160
    Beitragswertungen
    13 Beitragspunkte
    <div class="container">
                   <div class="gaming">
                       <div id="carousel-generic" class="carousel slide" data-ride="carousel">
                           <ol class="carousel-indicators">
                               <li data-target="#carousel-generic" data-slide-to="0" class="active"></li>
                               <li data-target="#carousel-generic" data-slide-to="1"></li>
                               <li data-target="#carousel-generic" data-slide-to="2"></li>
                               <li data-target="#carousel-generic" data-slide-to="3"></li>
                               <li data-target="#carousel-generic" data-slide-to="4"></li>
                           </ol>
    
                           <div class="carousel-inner" role="listbox">
                               <div class="item active">
                                   <img src="<?=$this->getLayoutUrl('img/slider/slider_1.jpg') ?>" alt="Slider 1">
                               </div>
                               <div class="item active">
                                   <img src="<?=$this->getLayoutUrl('img/slider/slider_2.jpg') ?>" alt="Slider 1">
                               </div>
                               <div class="item active">
                                   <img src="<?=$this->getLayoutUrl('img/slider/slider_3.jpg') ?>" alt="Slider 1">
                               </div>
                               <div class="item">
                                   <img src="<?=$this->getLayoutUrl('img/slider/slider_4.jpg') ?>" alt="Slider 2">
                               </div>
                               <div class="item">
                                   <img src="<?=$this->getLayoutUrl('img/slider/slider_5.jpg') ?>" alt="Slider 2">
                               </div>
                           </div>
    
                           <a class="left carousel-control" href="#carousel-generic" role="button" data-slide="prev">
                               <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                               <span class="sr-only">Previous</span>
                           </a>
                           <a class="right carousel-control" href="#carousel-generic" role="button" data-slide="next">
                               <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                               <span class="sr-only">Next</span>
                           </a>
                       </div>



    Hier eine Vorlage mit 5 Slidern wen du Weiter Bilder Hinzufügen möchtest einfach das dazu nehmen.
    <div class="item active">
            <img src="<?=$this->getLayoutUrl('img/slider/....') ?>" alt="...">
          </div>


    Die (...) Bearbeiten mit dem Bild name sowie alt=""

    <li data-target="#carousel-generic" data-slide-to="4"></li>


    und diese oben weiter führen mit 5


    Grüße


    Zuletzt modifiziert von BlackRomeo am 26.11.2021 - 21:23:26
    Frag nicht  Du knntest eine Antwort erhalten


    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Locke Mitglied
    Registriert seit
    30.12.2021
    Beitrge
    23
    Beitragswertungen
    0 Beitragspunkte
    Hallo


    und wie kann ich die Größe der sliders ändern,

    habe hier die css gefunden...

    
    img {
        height: auto !important;
        max-width: 100% !important;
    }


    bei max-width kann man die breite ändern und bei height tut sich nix, obwohl ich schon Browserdaten gelöscht habe.
    ..

    Danke für eure Hilfe


    gg Locke30

    [url]www.verlinke.de[/url]
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    IronMan Mitglied
    Registriert seit
    11.09.2021
    Beitrge
    12
    Beitragswertungen
    2 Beitragspunkte
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Locke Mitglied
    Registriert seit
    30.12.2021
    Beitrge
    23
    Beitragswertungen
    0 Beitragspunkte


    ja hat sich erledigt..


    gg Locke30
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurck zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten