Hoe kan ik in een loop elke 3 iteraties 3 verschillende values aan variabelen geven

Door Snelle Jaap op 14-01-2021 12:13 gewijzigd op 14-01-2021 12:19

1.563 views

Ik heb een masonry element met fotos waarbij ik elke 3 fotos 3 verschillende kleuren wil geven waarna hij bij de 4e weer opnieuw begint.

Voorbeeld, de variabele $color bevat de volgende waardes waarbij het getal het aantal loops is:

1 - rood
2 - geel
3 - blauw
4 - rood
5 - geel

etc.

Hoe kan ik zoiets doen?

- Ariën -

14-01-2021 12:27 gewijzigd op 14-01-2021 12:33

Houd een tellertje bij en gebruik de modulo operator.

S Snelle Jaap

14-01-2021 13:10

- Ariën - op 14/01/2021 12:27:33

Houd een tellertje bij en gebruik de modulo operator.

Thanks, het is gelukt.

<?PHP
if ($imploop % 3 == 0) {
$color1 = 'blauwoverlay';
$color2 = 'rozebtn';
}
if ($imploop % 3 == 1) {
$color1 = 'geeloverlay';
$color2 = 'blauwbtn';
}
if ($imploop % 3 == 2) {
$color1 = 'rozeoverlay';
$color2 = 'blauwbtn';
}
?>

R Rob Doemaarwat

14-01-2021 13:16

Of laat CSS het hele gedoe voor je oplossen:


img:nth-child(5n+0){
  border-color: red;
}
img:nth-child(5n+1){
  border-color: yellow;
}
...

S Snelle Jaap

14-01-2021 16:09 gewijzigd op 14-01-2021 16:09

Rob Doemaarwat op 14/01/2021 13:16:03

Of laat CSS het hele gedoe voor je oplossen:
img:nth-child(5n+0){
  border-color: red;
}
img:nth-child(5n+1){
  border-color: yellow;
}
...

Ook een oplossing idd

Reageren

Inloggen om te reageren