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

Geschlossen
  1. Fr. 26.11.2021 20:03 Uhr #1
    User Pic
    PainterMicha Mitglied
    Registriert seit
    25.11.2021
    Beiträge
    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: externer Link


    Zuletzt modifiziert von PainterMicha am 26.11.2021 - 20:29:53
    0 Mitglieder finden den Beitrag gut.
  2. Fr. 26.11.2021 20:20 Uhr #2
    User Pic
    corian Entwickler
    Registriert seit
    16.06.2011
    Beiträge
    1.096
    Beitragswertungen
    122 Beitragspunkte
    Hey, hier ab Zeile 44

    github.com/IlchCMS/Ilch-2.0/blob/master/application/layouts/clan3columns/index.php#L44
    0 Mitglieder finden den Beitrag gut.
  3. Fr. 26.11.2021 20:35 Uhr #3
    User Pic
    PainterMicha Mitglied
    Registriert seit
    25.11.2021
    Beiträge
    2
    Beitragswertungen
    0 Beitragspunkte
    Vielen Dank....

    das hilft mir schon sehr viel weiter

    LG Micha
    0 Mitglieder finden den Beitrag gut.
  4. Fr. 26.11.2021 21:16 Uhr #4
    User Pic
    BlackRomeo Moderator
    Registriert seit
    31.01.2014
    Beiträge
    281
    Beitragswertungen
    27 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
    | SchlueppaTv Twitch Streamer |
    | www.twitch.tv/schlueppatv |

    0 Mitglieder finden den Beitrag gut.
  5. So. 09.01.2022 09:24 Uhr #5
    User Pic
    Locke Mitglied
    Registriert seit
    30.12.2021
    Beiträge
    30
    Beitragswertungen
    1 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. Fr. 14.01.2022 11:47 Uhr #6
    User Pic
    IronMan Mitglied
    Registriert seit
    11.09.2021
    Beiträge
    104
    Beitragswertungen
    33 Beitragspunkte
    Moin,

    vielleicht hilft das...

    externer Link
    0 Mitglieder finden den Beitrag gut.
  7. Sa. 15.01.2022 17:54 Uhr #7
    User Pic
    Locke Mitglied
    Registriert seit
    30.12.2021
    Beiträge
    30
    Beitragswertungen
    1 Beitragspunkte
    ZitatZitat geschrieben von IronMan
    Moin,

    vielleicht hilft das...

    externer Link


    ja hat sich erledigt..


    gg Locke30
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten