Bildsortierung in Meta.txt und CSS-Klasse im Frontend stimmen nicht überein

Einklappen
X
 
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
  • thepixture
    Contao-Fan
    • 24.06.2009
    • 536

    #1

    Bildsortierung in Meta.txt und CSS-Klasse im Frontend stimmen nicht überein

    Hab gerade festgestellt, dass die ausgegebenen CSS-Klassen für die einzelnen Bilder einer Galerie im Frontend mit der Sortierung in der Meta.txt nicht so recht übereinstimmt.
    Es wird zwar richtig nach der Meta.txt sortiert, aber die CSS-Klassenzuweisung wird nach der Reihenfolge der Dateinamen bzw. der Dateien im Ordner vorgenommen.

    Sortierung nach Meta.txt
    Code:
    [files] => Array
    (
        [0] => tl_files/media/ews_global/slideshows/Windenergie/Projekte_A/Parndorferplatte/parndorf_07.jpg
        [1] => tl_files/media/ews_global/slideshows/Windenergie/Projekte_A/Parndorferplatte/parndorf_08.jpg
        [2] => tl_files/media/ews_global/slideshows/Windenergie/Projekte_A/Parndorferplatte/parndorf_02.jpg
        [3] => tl_files/media/ews_global/slideshows/Windenergie/Projekte_A/Parndorferplatte/parndorf_04.jpg
        [4] => tl_files/media/ews_global/slideshows/Windenergie/Projekte_A/Parndorferplatte/parndorf_09.jpg
        [5] => tl_files/media/ews_global/slideshows/Windenergie/Projekte_A/Parndorferplatte/parndorf_06.jpg
        [6] => tl_files/media/ews_global/slideshows/Windenergie/Projekte_A/Parndorferplatte/parndorf_03.jpg
        [7] => tl_files/media/ews_global/slideshows/Windenergie/Projekte_A/Parndorferplatte/parndorf_10.jpg
        [8] => tl_files/media/ews_global/slideshows/Windenergie/Projekte_A/Parndorferplatte/parndorf_01.jpg
        [9] => tl_files/media/ews_global/slideshows/Windenergie/Projekte_A/Parndorferplatte/parndorf_12.jpg
        [10] => tl_files/media/ews_global/slideshows/Windenergie/Projekte_A/Parndorferplatte/parndorf_11.jpg
        [11] => tl_files/media/ews_global/slideshows/Windenergie/Projekte_A/Parndorferplatte/parndorf_05.jpg
    )
    Ausgabe im Frontend
    HTML-Code:
    <span class="image even">...</span>
    <span class="image odd">...</span>
    <span class="image odd">...</span>
    <span class="image odd">...</span>
    <span class="image even">...</span>
    <span class="image odd">...</span>
    <span class="image even">...</span>
    <span class="image odd">...</span>
    <span class="image first even">...</span>
    <span class="image last odd">...</span>
    <span class="image even">...</span>
    <span class="image even">...</span>
    Da ich nur das jeweils erste Bild mit der Klasse 'first' per CSS anzeigen lasse und alle anderen Bilder ausgeblendet werden, passt das nun nicht mehr mit der Sortierung in der Meta.

    Gibt es hierfür vielleicht eine Lösung?
    Von mir aus auch den passenden Code, den ich erstmal manuell abändern kann.
    Grüße
    thepixture
  • Andreas
    Contao-Urgestein
    • 19.06.2009
    • 7709

    #2
    Vielleicht solange das Template verändern und die Klassen dort in der Schleife selber erzeugen. Einen count() auf das Array, und einen Zähler $i++ in der Schleife, damit du weißt, wann das letzte Bild kommt für 'last'. Even odd geht so
    PHP-Code:
    // bitwise operator '&'
    echo ($i & 1) ? 'odd' : 'even' ; 
    
    Es gibt aber auch first child und last child CSS-Selektoren und even odd Selektoren.

    Hast du das als Bug gemeldet?
    Bitte!
    Vor Anfragen im Forum HTML validieren.
    Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.

    Vielen Dank an alle Wunschlistenerfüller
    Andreas Burg, Web Solutions

    Kommentar

    • thepixture
      Contao-Fan
      • 24.06.2009
      • 536

      #3
      Danke Andreas,

      aber ich glaub ich lass das Template erst mal so. Hab da schon mehr als genug angepasst.
      Bilder umbennen ging schneller

      Ticket hab ich erstellt.
      Grüße
      thepixture

      Kommentar

      Lädt...