Slider als Link

Gehe zu Seite:

Geschlossen

Fr. 28.06.2019 00:58 Uhr #1

Warsaft Mitglied

Registriert seit
22.06.2019

Beiträge
7

Beitragswertungen

Hallo,
ich habe im slider 2 Banner. Wie schaffe ich es das jeder Banner zu einem anderen Link führt.

Ist wahrscheinlich ziemlich leicht, aber ich bin absoluter neuling.

MfG

Warsaft

verwendete ilch Version: 2.1.x

betroffene Homepage: bellox-esports.de
0 Mitglieder finden den Beitrag gut.
- zitieren
Fr. 28.06.2019 09:06 Uhr #2

Nex4T Moderator

Registriert seit
28.02.2007

Beiträge
3.414

Beitragswertungen
Moin Moin,
du hast ja die Banner mit IMG gesetzt, du müsstest darum nur ein Link setzen z.b:
```
<a href="/index.php/forum"><img src="pfad/zum/bild.jpg"></a>
```
Zuletzt modifiziert von Nex4T am 28.06.2019 - 09:06:39
while(!asleep()) sheep++;
www.movely.biz
www.webplant.eu
1 Mitglieder finden den Beitrag gut.
- zitieren
Fr. 28.06.2019 10:05 Uhr #3

Warsaft Mitglied

Registriert seit
22.06.2019

Beiträge
7

Beitragswertungen

Danke di, hat super geklappt.

Mfg

Warsaft
0 Mitglieder finden den Beitrag gut.
- zitieren

Fr. 28.06.2019 10:52 Uhr #4

Warsaft Mitglied

Jetzt taucht folgendes Problem auf.
Ich hatte davor einen Zoom auf den Slidern, jetzt als Link wird das Logo nicht mehr gezoomt.

                  <div id="carousel-generic" class="carousel slide" data-interval="10000" 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>
                        </ol>

                        <div class="carousel-inner" role="listbox">
                            <div class="item active">
                                <a href="https://www.twitch.tv/belloxde"><img src="<?=$this->getLayoutUrl('img/slider/Bellox Banner.png') ?>" alt="Slider 1" /></a> 
                            </div>
                            <div class="item">
                                <img src="<?=$this->getLayoutUrl('img/slider/Derminator Banner.png') ?>" 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>
                </div>

(Der Slider Nr.2 wird auch ein Link, bin nur erst am Testen)

Hier der Zoom

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}
 
@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
}
 
.carousel-inner .item > img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}

ist es überhaubt möglich und wenn ja wie den Banner als Link auch zu Zoomen.

MfG

Warsaft

0 Mitglieder finden den Beitrag gut.

zitieren

Fr. 28.06.2019 11:21 Uhr #5

Slipi ilch.de Design

Registriert seit
19.01.2018

Beiträge
939

Beitragswertungen
Dadurch du einen a Tag vor img gesetzt hast, musst du dies auch in der CSS um ändern.

Versuch es damit
```
.carousel-inner .item a >img {

  -webkit-animation: zoom 20s;

  animation: zoom 20s;

}
```
Zuletzt modifiziert von Slipi am 28.06.2019 - 11:23:18
slipi.at/
1 Mitglieder finden den Beitrag gut.
- zitieren
Fr. 28.06.2019 11:36 Uhr #6

Warsaft Mitglied

Registriert seit
22.06.2019

Beiträge
7

Beitragswertungen

danke dir, dachte nicht das es so einfach ist.

MfG

Warsaft
1 Mitglieder finden den Beitrag gut.
- zitieren

Beitrag zur Merkliste hinzufügen

ilch Forum » Ilch CMS 2.X » Fehlersuche und Probleme » Slider als Link