Pfad aus einem Bild auslesen

[derRenner]

Hallo,

über RockSolid Custom Elements soll der Vegas-Slider eingebaut werden.
Wenn ich nun die Bilder auswähle, schaffe ich es nicht, den ausgelesenen Pfad ins template zu schreiben.
Grundsätzlich funktioniert es über den fieldType 'url', dass das script läuft, aber trotzdem würde ich's gerne alonge mit dem fieldType 'fileTree' umsetzen.

            'fields' => array(
                'vegasImage' => array(
                    'label' => array(
                        'de' => array('Slider Bild','Bitte wählen Sie ein Bild für diesen Slide aus'),
                        'en' => array('Slider images','Please choose the images for this slide'),
                    ),
                    'inputType' => 'fileTree',
                    'eval' => array(
                        'fieldType' => 'radio',
                        'filesOnly' => true,
                        'extensions' => 'jpg,jpeg,JPG,JPEG,png,PNG,svg',
                    ),
                ), 

<script type="text/javascript">
    $(document).ready(function(){ 
        $('<?php echo $this->vegasBackground ?>').vegas({
            animation: <? echo "'" , $this->vegasAnimation , "'" ?>,
            delay: <? echo "'" , $this->vegasDelay , "'" ?>,    
            
            slides: [
                <?php foreach ($this->vegasImages as $vegasSlideImage): ?>
                    { src: "<?php $objFile = \FilesModel::findByUuid($uuid); ?><?php $imagePath = $objFile->path; ?><?php echo $imagePath ?>" },

                <?php endforeach; ?>
            ]


        });
    });
</script>

und so sollte das Ergebnis (bei drei ausgewählten Bildern) aussehen ... so klappt es, wenn ich über die 'url' auswähle:

<script type="text/javascript">
    $(document).ready(function(){ 
        $('.myClass').vegas({
            animation: '',
            delay: '5000',    
            
            slides: [
                                    { src: "files/layout/img/medien/image01.jpg" },

                                    { src: "files/layout/img/medien/image02.jpg" },

                                    { src: "files/layout/img/medien/image03.jpg" },

                            ]


        });
    });
</script> 

Kann mir jemand weiterhelfen, sodass ich den Pfad korrekt auslese - vielen DANK schon mal

[Spooky]

In vegasImage speicherst du ja nur ein Bild, daher brauchst du keine for Schleife:

if (null !== ($objFile = \Contao\FilesModel::findByUuid($this->vegasImage))) {
    $path = $objFile->path;
    // ...
} 

[derRenner]

Doch, die foreach-Schleife brauche ich, weil die Bilder über einen 'inputType' => 'list' eingefügt werden.

Hier noch der Teil der ...config.php

        'vegasImages' => array(
            'label' => array(
                'de' => array('Slider Bilder','Hier wählen Sie die Bilder für die Slideshow aus'),
                'en' => array('Slider Images','Here you choose the images'),
            ),
            'elementLabel' => '%s. Slide',
            'inputType' => 'list',
            'minItems' => 1,
            'fields' => array(
                'vegasImage' => array(
                    'label' => array(
                        'de' => array('Slider Bild','Bitte wählen Sie ein Bild für diesen Slide aus'),
                        'en' => array('Slider images','Please choose the images for this slide'),
                    ),
                    'inputType' => 'fileTree',
                    'eval' => array(
                        'fieldType' => 'radio',
                        'filesOnly' => true,
                        'extensions' => 'jpg,jpeg,JPG,JPEG,png,PNG,svg',
                    ),
                ),
                'vegasImageUrl' => array(
                    'label' => array(
                        'de' => array('Slider Bild','Bitte wählen Sie ein Bild für diesen Slide aus'),
                        'en' => array('Slider Images','Please choose the images for this slide'),
                    ),
                    'inputType' => 'url',
                ),
            ),
        ), 

Wobei, das erste field 'vegasImage' die Bilder via 'fileTree' auswählen lässt - und damit komme ich nicht zu Rande, und
das zweite field 'vegasImageUrl' die Bilder via 'url' auswählen lässt - und das klappt ja ... auch mit der foreach-Schleife.
Das Auslesen via 'url' habe ich im template dann so gelöst (und das, wie erwähnt bringt mir das korrekte Ergebnis. Ich möchte die Lösung aber über 'fileTree' lösen und das field 'vegasImageUrl' dann wieder weglassen.)

<script type="text/javascript">
    $(document).ready(function(){ 
        $('<?php echo $this->vegasBackground ?>').vegas({
            animation: <? echo "'" , $this->vegasAnimation , "'" ?>,
            delay: <? echo "'" , $this->vegasDelay , "'" ?>,    
            
            slides: [
                <?php foreach ($this->vegasImages as $vegasSlideImage): ?>
                    { src: "<?php echo $vegasSlideImage->vegasImageUrl ?>" },
                <?php endforeach; ?>
            ]


        });
    });
</script>

[Spooky]

Achso, naja dann ist es ja einfach nur:

<?php foreach ($this->vegasImages as $vegasImage): ?>
  <?php if (null !== ($objFile = \Contao\FilesModel::findByUuid($vegasImage->vegasImage))): ?>
    <p>File path: <?= $objFile->path ?>
  <?php endif; ?>
<?php endforeach; ?>

[derRenner]

... du warst zwar jetzt zwischenzeitlicher schneller aber ich habe nun auch eine funktionierende Lösung.
Du hast mich zumindest auf die richtige Spur gebracht.

<script type="text/javascript">
    $(document).ready(function(){ 
        $('<?php echo $this->vegasBackground ?>').vegas({
            animation: <? echo "'" , $this->vegasAnimation , "'" ?>,
            delay: <? echo "'" , $this->vegasDelay , "'" ?>,    
            
            slides: [
                <?php foreach ($this->vegasImages as $vegasSlideImage): ?>
                    { src: "<?php $objFile = Contao\FilesModel::findByUuid($vegasSlideImage->vegasImage); ?><?php $imagePath = $objFile->path; ?><?php echo $imagePath ?>" },
                <?php endforeach; ?>
            ]

        });
    });
</script>

Wozu verwendest du in deiner Lösung nochmals eine if-Abfrage?

[Spooky]

Für den Fall, dass das Bild aus der Datenbank gelöscht wurde. Andernfalls würde es zu einem Fehler im Frontend kommen. Zusätzlich könnte man auch noch eine file_exists Abfrage machen, denn es könnte auch sein, dass das Bild per FTP gelöscht oder verschoben wurde.