Ich habe ein Modul mit dem man im Backend eine einfache Liste von Bildern aus dem Medienpool erstellen kann. Im Frontend wird dann aus jedem Bild in der Liste zusätzlich die Bildbeschreibung und ein Link abgefragt. Für den Link habe ich in den Metainformationen ein eigenes Feld hinzugefügt was mir erlaubt zu jedem Bild eine URL zuzuordnen.
Im Ergebnis habe ich in der Ausgabe dann eine Liste von Bildern die alle mit einer URL verknüpft sind. Soweit so gut. Nun möchte ich aber das ganze um folgende 2 Features erweitern:
1) Die Bilder sollen im Frontent nicht in der gleichen Reihenfolge ausgegeben werden wie ich es im Backend durch REX_MEDIALIST_BUTTON eingegeben habe sondern zufällig.
2) Im Frontend sollen die Bilder mit einem padding-right versehen werden welches ebenfalls jedes mal per random einen aus drei werten nimmt. (also z.B 5,10,15)
Code: Alles auswählen
<?php echo "\r\n"; ?>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script type="text/javascript" src="files/addons/image_overlay/jquery.metadata.js"></script>
<script type="text/javascript" src="files/addons/image_overlay/jquery.ImageOverlay.js"></script>
<?php
// Bilddateien aus Medialist
$rxmodule['imagelist'] = explode(',', trim("REX_MEDIALIST[1]"));
echo '<ul id="firstGallery" class="image-overlay"><!-- IMAGE WALL -->';
echo "\r\n";
foreach ($rxmodule['imagelist'] as $rxmodule['file'])
{
$rxmodule['media'] = OOMedia::getMediaByName($rxmodule['file']);
if ($rxmodule['media'])
{
$rxmodule['mediatitle'] = $rxmodule['media']->getValue('title');
$rxmodule['mediadesc'] = $rxmodule['media']->getValue('med_description');
$rxmodule['medialink'] = $rxmodule['media']->getValue('med_linkto');
if (trim($rxmodule['mediatitle']=='') or !$rxmodule['mediatitle'])
{
$rxmodule['mediatitle'] = $rxmodule['file']; //kein Titel = Dateiname
}
echo " \r";
echo '<li><a href="'.rex_getUrl($rxmodule['medialink']).'"><img alt="'.$rxmodule['mediatitle'].'" src="'. 'files/' . $rxmodule['file'].'" /><div class="caption"><p>'.$rxmodule['mediadesc'].'</p></div></a></li>';
echo "\r\n\n";
}
}
echo '</ul><!-- /IMAGE WALL -->';
echo "\r\n\n";
?>
<script type="text/javascript">
// JavaScript for the Image Overlay galleries.
$("#firstGallery").ImageOverlay();
</script>
Danke + Grüße
Include