Forum

[aurang]

Hallo Leute,

ich weis das solte nach so einer langenzeit schon klar sein aber ich frage trozdem nochmal.

ich suche ein Modul welches die folgenden eingenschaften besitzt.

Moduleingabe:
- Auswahl aus der Mediathek
- Auswahl der Grösse (höhe/breite) des Thumbnails bestimmen
- Position (Margin/Padding) des Thumbnails bestimmen
- Ein und Ausschalten des titels im Bild

Modul Ausgabe
- Der Titel des Bildes soll mit einem hellen balcken im Bild unten sichbar sein.
- Lightbox funktion bei klick


ich habe mir schon das vorhande Modul angeschaut und nun überlege ich wie ich verändern könnte.
Also wenn jemand eine gute idee hat dann nur raus damit.

Danke
gruss
Aurang

Moduleingabe

Code: Alles auswählen

Bitte Bilder auswählen:
<br />REX_MEDIALIST_BUTTON[1]
<br /><br />

Modulausgabe

Code: Alles auswählen

<?php

if (!isset($REX['MODULE_BILDGALERIE_ID'])) $REX['MODULE_BILDGALERIE_ID'] = 0;
else $REX['MODULE_BILDGALERIE_ID']++;

if ($REX['MODULE_BILDGALERIE_ID']==0)
{
?>
<script type="text/javascript">
var GB_ROOT_DIR = "files/";
</script>
<script type="text/javascript" src="files/ajs.js"></script>
<script type="text/javascript" src="files/ajs_fx.js"></script>
<script type="text/javascript" src="files/gb_scripts.js"></script>
<link href="files/gb_styles.css" rel="stylesheet" type="text/css" />

<?php
}
?>

<div class="galerie">

<?php

$pics_string = "REX_MEDIALIST[1]";
if($pics_string != '')
{
  $i = 1;
  $pics = explode(',',$pics_string);

  foreach($pics as $pic)
  {
    echo '<div class="image">';

    $title = '';
    if ($file = OOMedia::getMediaByFileName($pic)) $title = $file->getTitle();

    echo '<a href="'.$REX['HTDOCS_PATH'].'/files/'.$pic.'" rel="gb_imageset[galerie'.$REX['MODULE_BILDGALERIE_ID'].']"><img src="'.$REX['HTDOCS_PATH'].'index.php?rex_img_type=gallery_overview&rex_img_file='.$pic.'" title="'.$title.'" alt="'.$title.'" /></a>';

    echo '<p>'.$title.'</p>';
    echo '</div>';

    if($i % 2 == 0)
      echo '<div class="clearer"></div>';

    $i++; 
  }
}

?></div>

[Ingo]

Du suchst Selectfelder: http://www.redaxo.org/de/download/module/?modul_id=84&searchtxt=mini&cat_id=-1

[aurang]

Hallo Leute,

so hab mal die Moduleingabe erstellt! Aber jetzt komme ich nicht mehr weiter

Wer kann helfen? Ich denke das ist eine gute Sache wenn man einiges ändern kann was
das aussehen angeht!

Danke

gruss
Aurang

Code: Alles auswählen

<p>Das ist ein Bild Modul mit Auswahlmöglichkeiten (optionen)</p>
<p>Bitte Bilder auswählen:
  <br />REX_MEDIALIST_BUTTON[1]
  <br /><br />
Positionierung Innenabstand: <br>
Hoehe thumbnail px: <input type="text" size="10" name="VALUE[1]" value="REX_VALUE[1]"  maxlength="3" /><br>
Breite thumbnail px: <input type="text" size="10" name="VALUE[2]" value="REX_VALUE[2]"  maxlength="3" /><br>
<br><br>
Bitte wählen die Breite des Rahmens:
<select name="VALUE[3]">
<?php
$options = array('0', '1', '2', '3');
$current = "REX_VALUE[3]";

foreach ( $options as $option)
{
  $selected = $option == $current ? ' selected="selected"' : '';
  echo '<option'. $selected .'>'. $option .'</option>';
}
?>
</select><br>
Farbcode Rahmen HEX:
<input type="text" size="10" name="VALUE[4]" value="REX_VALUE[4]" maxlength="7"/>
<br /><br />

Titel Ausgeben:
<select name="VALUE[5]">
<?php
$options = array('Ja', 'nein');
$current = "REX_VALUE[5]";

foreach ( $options as $option)
{
  $selected = $option == $current ? ' selected="selected"' : '';
  echo '<option'. $selected .'>'. $option .'</option>';
}
?>
</select><br>
Farbcode Hintergrund Titel HEX:
<input type="text" size="10" name="VALUE[6]" value="REX_VALUE[6]" maxlength="7" />
<br /><br />
<label>
Positionierung Außenabstand: <br>
margin-top px: <input type="text" size="10" name="VALUE[7]" value="REX_VALUE[7]" maxlength="3" /><br>
margin-bottom px: <input type="text" size="10" name="VALUE[8]" value="REX_VALUE[8]" maxlength="3" /><br>
margin-right px: <input type="text" size="10" name="VALUE[9]" value="REX_VALUE[9]" maxlength="3" /><br>
margin-left px: <input type="text" size="10" name="VALUE[10]" value="REX_VALUE[10]" maxlength="3" /></label><br><br>

Positionierung Innenabstand: <br>
padding-top px: <input name="VALUE[11]" type="text" value="REX_VALUE[11]" size="10" maxlength="3" /><br>
padding-bottom px: <input name="VALUE[12]" type="text" value="REX_VALUE[12]" size="10" maxlength="3" /><br>
padding-right px: <input type="text" size="10" name="VALUE[13]" value="REX_VALUE[13]" maxlength="3" /><br>
padding-left px: <input type="text" size="10" name="VALUE[14]" value="REX_VALUE[14]" maxlength="3" /><br><br>


[Ingo]

Wer kann helfen? Ich denke das ist eine gute Sache wenn man einiges ändern kann was
das aussehen angeht!

Ney, das ist grundsätzlich keine gute Sache. Du solltest dem Redakteur ein Gestaltungsraster vorgeben. Sprich du definierst passend zum Design deiner Website 2 oder 3 Bildgrößen (bzw. -breiten), zwischen denen der Redakteur wählen kann (z. B. "klein", "mittel", "volle Breite"). Den Rest wie Rahmen, Innenabstand, Aussenabstand etc gibst du vor.

Eine Auswahlbox "Titel anzeigen: ja / nein" ist übrigens über. Prüfe in der Ausgabe, ob ein Titel eingegeben ist (trim() und strlen() sind hierfür nützlich).

Es gibt im Downloadbereich haufenweise Module wie das von dir gewünschte. Guck dir ein paar davon an (oder modifizier eins nach deinen Vorstellungen) und melde dich wieder, wenn du eine konkrete Frage hast. "Ich komm nicht weiter, wer kann helfen" taugt nix.

[jeandeluxe]

Ney, das ist grundsätzlich keine gute Sache. Du solltest dem Redakteur ein Gestaltungsraster vorgeben.

Kann man so pauschal imo nicht sagen. Kommt letztlich auf den Kontext an, und die DAU-Stufe des Redakteurs.. die Word/CorelDraw Fraktion sollte man sicher einhegen, aber:

Die Möglichkeit spezifische Maße fallbezogen einzugeben ist im Hinblick z.b. auf Kontrolle Textmenge/Bildgröße, oder Erkennbarkeit eines Bildinhaltes ab Größe X (nein, ein pauschales "gibt doch lightboxen" zieht hier imho nicht).. oft wünschenswert.

Ich persönlich hatte noch keinen Kunden, dem diese (Minimal-)Kompetenz gefehlt hätte..

my2¢,
Jan

[Ingo]

Kann man so pauschal imo nicht sagen. Kommt letztlich auf den Kontext an, und die DAU-Stufe des Redakteurs.. die Word/CorelDraw Fraktion sollte man sicher einhegen

Ob ich mich an ein Raster halte oder nicht ist eine grundsätzliche Entscheidung und hat nichts mit der DAU-Stufe der Redakteure zu tun. Wenn ich mich für ein Raster entscheide, besteht schlicht keine Notwendigkeit für mehr als die vom Raster vorgegebenen Bildbreiten.

[aurang]

Hallo Leute,

Ihr habt Recht wenn Ihr sagt einen Raster vorgeben aber so kommen wir doch nicht weiter in der entwicklung.
Ich würde gerne ein modul entwickeln welches sich immer wieder abbilden lässt.

hmm

was denkt ihr darüber?

Danke


gruss
Aurang

[jeandeluxe]

Ob ich mich an ein Raster halte oder nicht ist eine grundsätzliche Entscheidung ...

Ich entscheide lieber bedarfsorientiert als dogmatisch..

lg,
Jan

[aurang]

Hallo Leute,

ich komme nicht weiter mit dem Titel/thumbnail grösse!
Wer kann helfen so das ich das modul fertig schreiben kann?

Danke

gruss
Aurang

Modul: Bild

Eingabe

Code: Alles auswählen

<p>Das ist ein Bild Modul mit Auswahl möglichkeiten</p>
<p>Bitte Bilder auswählen:
  <br />REX_MEDIALIST_BUTTON[1]
  <br /><br />
Positionierung Innenabstand: <br>
Hoehe thumbnail px: <input type="text" size="10" name="VALUE[1]" value="REX_VALUE[1]"  maxlength="3" /><br>
Breite thumbnail px: <input type="text" size="10" name="VALUE[2]" value="REX_VALUE[2]"  maxlength="3" /><br>
<br><br>
Positionierung des Bilds:
<select name="VALUE[15]">
<?php
$options = array('0', 'absolute', 'fixed', 'relative', 'static');
$current = "REX_VALUE[15]";

foreach ( $options as $option)
{
  $selected = $option == $current ? ' selected="selected"' : '';
  echo '<option'. $selected .'>'. $option .'</option>';
}
?>
</select>
<br><br>
Bitte wählen die Breite des Rahmens:
<select name="VALUE[3]">
<?php
$options = array('0', '1', '2', '3');
$current = "REX_VALUE[3]";

foreach ( $options as $option)
{
  $selected = $option == $current ? ' selected="selected"' : '';
  echo '<option'. $selected .'>'. $option .'</option>';
}
?>
</select><br>
Farbcode Rahmen HEX:
<input type="text" size="10" name="VALUE[4]" value="REX_VALUE[4]" maxlength="7"/>
<br /><br />

<strong>Bildwechsel-Effekt</strong><br />
<select name="VALUE[5]" style="width: 70%;">
  <?php
  $op4 = array("Slide horizontal"=>"slide-hori", "Slide vertical"=>"slide-vert", "Shrink/grow"=>"resize", "Fade"=>"fade", "None"=>"Kein effekt");
$i=0; 
foreach($op4 as $k4=>$v4) {
$ch4='';
if ( "REX_VALUE[5]"=="$v4" )
$ch4=" selected ";
echo "<option value='$v4' $ch4>".$k4."</option>";
$ch4='';
$i++;
    }
?>
</select><br />
Farbcode Hintergrund Titel HEX:
<input type="text" size="10" name="VALUE[6]" value="REX_VALUE[6]" maxlength="7" />
<br /><br />
<label>
Positionierung Außenabstand: <br>
margin-top px: <input type="text" size="10" name="VALUE[7]" value="REX_VALUE[7]" maxlength="3" /><br><br>
margin-bottom px: <input type="text" size="10" name="VALUE[8]" value="REX_VALUE[8]" maxlength="3" /><br><br>
margin-right px: <input type="text" size="10" name="VALUE[9]" value="REX_VALUE[9]" maxlength="3" /><br><br>
margin-left px: <input type="text" size="10" name="VALUE[10]" value="REX_VALUE[10]" maxlength="3" /></label><br><br>

Positionierung Innenabstand: <br>
padding-top px: <input name="VALUE[11]" type="text" value="REX_VALUE[11]" size="10" maxlength="3" /><br><br>
padding-bottom px: <input name="VALUE[12]" type="text" value="REX_VALUE[12]" size="10" maxlength="3" /><br><br>
padding-right px: <input type="text" size="10" name="VALUE[13]" value="REX_VALUE[13]" maxlength="3" /><br><br>
padding-left px: <input type="text" size="10" name="VALUE[14]" value="REX_VALUE[14]" maxlength="3" /><br><br>


Ausgabe

Code: Alles auswählen

<?php
if (!isset($REX['MODULE_BILDGALERIE_ID'])) $REX['MODULE_BILDGALERIE_ID'] = 0;
else $REX['MODULE_BILDGALERIE_ID']++;

if ($REX['MODULE_BILDGALERIE_ID']==0)
{
?>
<script type="text/javascript">
var GB_ROOT_DIR = "files/";
</script>
<script type="text/javascript" src="files/ajs.js"></script>
<script type="text/javascript" src="files/ajs_fx.js"></script>
<script type="text/javascript" src="files/gb_scripts.js"></script>
<link href="files/gb_styles.css" rel="stylesheet" type="text/css" />

<?php
}
?>

<div style="position:REX_VALUE[15]; border:solid REX_VALUE[3]px #REX_VALUE[4]; padding: REX_VALUE[11]px REX_VALUE[12]px REX_VALUE[13]px REX_VALUE[14]px; margin: REX_VALUE[7]px REX_VALUE[8]px REX_VALUE[9]px REX_VALUE[10]px">

<?php

$pics_string = "REX_MEDIALIST[1]";
if($pics_string != '')
{
  $i = 1;
  $pics = explode(',',$pics_string);

  foreach($pics as $pic)
  {
    echo '<div class="image">';

    $title = '';
    if ($file = OOMedia::getMediaByFileName($pic)) $title = $file->getTitle();

    echo '<a href="'.$REX['HTDOCS_PATH'].'/files/'.$pic.'" rel="gb_imageset[galerie'.$REX['MODULE_BILDGALERIE_ID'].']"><img src="'.$REX['HTDOCS_PATH'].'index.php?rex_img_type=gallery_overview&rex_img_file='.$pic.'" title="'.$title.'" alt="'.$title.'" /></a>';

    echo '<p>REX_VALUE[5]</p>';
    echo '</div>';

    if($i % 2 == 0)
      echo '<div class="clearer"></div>';

    $i++; 
  }
}

?></div>