Hallo,
das Thumbnail, welches ganz rechts steht ist immer etwas größer.
Die Original-Bilder sind aber alle gleich groß.
Im FF fallen die Thumbnail ganz aus dem Rahmen.
Hat jemand eine Idee, wo ich das korrigieren kann?
http://www.mars-publishing.de/index.php?article_id=1
Im Backend werden die Bilder alle untereinander dargestellt.
Bei sehr vielen Bilder wird das Backend zu lang.
Kann ich das auch ändern, ohne das es Einfluss auf das Frontend hat?
Christoph
Hallo,
Wir haben in letzter Zeit festgestellt, dass die Kommunikation via Slack viel schneller und zielführender ist als ein Beitrag im Forum. Aufgrund der neuen und besseren Möglichkeiten der Kommunikation haben wir uns entschlossen das Forum nur noch als Archiv zur Verfügung zu stellen. Somit bleibt es weiterhin möglich hier nach Lösungen zu suchen. Neue Beiträge können nicht mehr erstellt werden.
Wir empfehlen, für deine Fragen/Probleme Slack zu nutzen. Dort sind viele kompetente Benutzer aktiv und beantworten jegliche Fragen, gerne auch von REDAXO-Anfängern! Slack wird von uns sehr intensiv und meistens "rund um die Uhr" benutzt
Selbst einladen kannst Du dich hier: https://redaxo.org/slack/
Wir haben in letzter Zeit festgestellt, dass die Kommunikation via Slack viel schneller und zielführender ist als ein Beitrag im Forum. Aufgrund der neuen und besseren Möglichkeiten der Kommunikation haben wir uns entschlossen das Forum nur noch als Archiv zur Verfügung zu stellen. Somit bleibt es weiterhin möglich hier nach Lösungen zu suchen. Neue Beiträge können nicht mehr erstellt werden.
Wir empfehlen, für deine Fragen/Probleme Slack zu nutzen. Dort sind viele kompetente Benutzer aktiv und beantworten jegliche Fragen, gerne auch von REDAXO-Anfängern! Slack wird von uns sehr intensiv und meistens "rund um die Uhr" benutzt
Selbst einladen kannst Du dich hier: https://redaxo.org/slack/
- Markus.Staab
- Entwickler
- Beiträge: 9634
- Registriert: 29. Jan 2005, 15:50
- Wohnort: Aschaffenburg/Germany
- Kontaktdaten: ICQ Website
Hi Christoph,
am besten du bringst erstmal deine Seite auf einen (X)HTML Validen Zweig, dann kann man diese Fehlerquelle schonmal ausschließen.
Gruß,
Markus
am besten du bringst erstmal deine Seite auf einen (X)HTML Validen Zweig, dann kann man diese Fehlerquelle schonmal ausschließen.
Du könntest ja im Backend die Bilder auf eine kleinere Größe Resizen, als im Frontend.Im Backend werden die Bilder alle untereinander dargestellt.
Bei sehr vielen Bilder wird das Backend zu lang.
Kann ich das auch ändern, ohne das es Einfluss auf das Frontend hat?
Gruß,
Markus
Hallo Christoph,
Die Thumbnails auf deiner Seite sind 100x66 Pixel groß. Wenn Du das mitgelieferte Stylesheet entsprechend deiner Pixelauflösungen anpasst (vorgegeben sind hier 80x60 Pixel) müsste es eigentlich wieder passen.
Im Backend kannst Du das redaxo-stylesheet ebenfalls duch das mitgelieferte Stylesheet ergänzen, dann werden die "Diarähmchen" auch dort angezeigt. Eine kurze Erläuterung dazu gibt's unter http://www.raybeam.de/index.php?article_id=25
Gruß
Peter
Die Thumbnails auf deiner Seite sind 100x66 Pixel groß. Wenn Du das mitgelieferte Stylesheet entsprechend deiner Pixelauflösungen anpasst (vorgegeben sind hier 80x60 Pixel) müsste es eigentlich wieder passen.
Im Backend kannst Du das redaxo-stylesheet ebenfalls duch das mitgelieferte Stylesheet ergänzen, dann werden die "Diarähmchen" auch dort angezeigt. Eine kurze Erläuterung dazu gibt's unter http://www.raybeam.de/index.php?article_id=25
Gruß
Peter
Hallo Markus,
habe nun etwas validiert. Bekomme aber nicht alles "sauber".
EMBEDED für Flash: Kenn ich keine Alternative
Scriptaufruf document.write mit Escapes: Geht das auch anders?
Hallo Peter,
habe in der CSS jetzt nur das JAOS Lightbox Style-Sheet
Der FF bleibt dennoch stur.
Die Thumb-Größe habe ich angepasst. Irgendwas habe ich noch übersehen.
Gruß
Christoph
habe nun etwas validiert. Bekomme aber nicht alles "sauber".
EMBEDED für Flash: Kenn ich keine Alternative
Scriptaufruf document.write mit Escapes: Geht das auch anders?
Hallo Peter,
habe in der CSS jetzt nur das JAOS Lightbox Style-Sheet
Der FF bleibt dennoch stur.
Die Thumb-Größe habe ich angepasst. Irgendwas habe ich noch übersehen.
Gruß
Christoph
Hallo Peter,
alles klar. Danke. So sieht es ganz gut aus.
Was jetzt noch schick wäre:
Ich arbeite gerne mit quadratischen Bildern. Es gibt doch in der Grafik-Bibliothek GD bei PHP die Möglichkeit, von Bildern einen Ausschnitt zu nehmen, ohne das irgendwie gestaucht wird?
Wäre eine Wunsch-Option im Backend.
Christoph
alles klar. Danke. So sieht es ganz gut aus.
Was jetzt noch schick wäre:
Ich arbeite gerne mit quadratischen Bildern. Es gibt doch in der Grafik-Bibliothek GD bei PHP die Möglichkeit, von Bildern einen Ausschnitt zu nehmen, ohne das irgendwie gestaucht wird?
Wäre eine Wunsch-Option im Backend.
Christoph
Tja,
da werde ich dich wohl vertrösten müssen. Letztlich habe ich nur zwei Module (Jaos-Gallery und Lightbox 2.0) kombiniert. Erstellt wurden sie von sie ja von anderen.
Bezüglich des Titels, vermute ich mal, müsste man sich die Javascript-Datei der Lightbox näher ansehen. Ich werde sie mir ansehen aber nicht mehr heute.
Vielleicht findest Du ja auch eine Lösung
Gruß
Peter
da werde ich dich wohl vertrösten müssen. Letztlich habe ich nur zwei Module (Jaos-Gallery und Lightbox 2.0) kombiniert. Erstellt wurden sie von sie ja von anderen.
Bezüglich des Titels, vermute ich mal, müsste man sich die Javascript-Datei der Lightbox näher ansehen. Ich werde sie mir ansehen aber nicht mehr heute.
Vielleicht findest Du ja auch eine Lösung
Gruß
Peter
Hallo Peter,
der Titel wird ja einfach aus dem title tag verwendet.
Hier habe ich es ja schon am Laufen:
http://www.cwe24.com/index.php?article_id=6&clang=0
Doch der Bild-Aufruf wird ja in der JAOS Lightbox Galerie
über Javascript (document.write) ausgegeben.
Da habe ich keine Idee für.
Christoph
der Titel wird ja einfach aus dem title tag verwendet.
Hier habe ich es ja schon am Laufen:
http://www.cwe24.com/index.php?article_id=6&clang=0
Doch der Bild-Aufruf wird ja in der JAOS Lightbox Galerie
über Javascript (document.write) ausgegeben.
Da habe ich keine Idee für.
Christoph
Hallo Christoph,
jetzt habe ich verstanden
Ich habe einfach den document.write-bereich um ... title=\"'.$bildTitle.'\" ... erweitert. Und schon erscheint auch der jeweilige Titel des Bildes aus dem Medienpool. Der Einfachheit halber habe ich das Modul im Downloadbereich bereits ergänzt. Es sollte also jetzt in deinem Sinne funktionieren.
Gruß
Peter
PS. Je länger ich mich mit Redaxo beschäftige, desto genialer finde ich es
jetzt habe ich verstanden
Ich habe einfach den document.write-bereich um ... title=\"'.$bildTitle.'\" ... erweitert. Und schon erscheint auch der jeweilige Titel des Bildes aus dem Medienpool. Der Einfachheit halber habe ich das Modul im Downloadbereich bereits ergänzt. Es sollte also jetzt in deinem Sinne funktionieren.
Gruß
Peter
PS. Je länger ich mich mit Redaxo beschäftige, desto genialer finde ich es
Nice work !
Ich hab mich auch (sehr) kurz damit gespielt.
Ich hab hier ne Version um das Zielbild nur dynamisch zu verkleinern wenn es breiter als 800px ist.
Bei kleineren Bildern würde das sonst keinen Sinn machen.
Somit bleiben Bilder die größer als 800px sind (so wie meine -> 1600*1200) auch nur auf 800px. Kleinere werden jedoch nicht berührt.
Vielleicht hilft es wem.
Image Resize Addon natürlich vorausgesetzt !
Ich hab mich auch (sehr) kurz damit gespielt.
Ich hab hier ne Version um das Zielbild nur dynamisch zu verkleinern wenn es breiter als 800px ist.
Bei kleineren Bildern würde das sonst keinen Sinn machen.
Somit bleiben Bilder die größer als 800px sind (so wie meine -> 1600*1200) auch nur auf 800px. Kleinere werden jedoch nicht berührt.
Vielleicht hilft es wem.
Image Resize Addon natürlich vorausgesetzt !
Code: Alles auswählen
<?php
/********************************************************************
** JAOS Lightbox
*********************************************************************
** Kombination von JAOS Gallery und Lightbox 2.0
** Ist im Browser JavaScript eingeschaltet, werden die Grafiken mit der Lightbox
** angezeigt - ansonsten mit der JAOS Gallery
*********************************************************************
** Peter Reiche, http://www.raybeam.de
** Letzte Änderung: 02.05.2006
*********************************************************************
** JAOS Gallery - Just An Other Simple Gallery
*********************************************************************
** Thomas Steinborn, http://www.thoorn.de, 2006-03-08
** letzte Änderung: 2006-03-10
** ToDo: -
*********************************************************************
** Grundlage für diese Galerie ist die "Simple Gallery" von Markus Staab
** Public-4u e.K, http://www.public-4u.de
** http://www.redaxo.de/165-Moduldetails.html?module_id=43
********************************************************************/
// galerieID, falls mehrmals in einem Artikel verwendet wird
$galerieID = isset( $galerieID) ? $galerieID+1 : 0;
// Pfad zu den Thumbnails mit Resize AddOn
$tSrc = 'index.php?rex_resize=';
// Praderweiterung für das Backend
if ( $REX['REDAXO']) {
$tSrc = '../'. $tSrc;
}
// Liste mit den Dateinamen
$dateiListe = array();
// Bilder aus REX_MEDIALIST auslesen
$dateien = explode(",","REX_MEDIALIST[1]");
foreach ($dateien as $datei)
{
$bild = OOMedia::getMediaByName( $datei);
$bildDateiName = $bild->getFileName();
$dateiListe[] = "$bildDateiName";
}
// Auslesen des Bildauswahl aus der URL
$datei = @$_REQUEST['datei'];
// Auslesen der galerieID aus der URL
$galerie = @$_REQUEST['galerie'];
// Längste Seite der Thumbnauls
$tGroesse = 80;
// löschen des Übergabewertes, wenn eine andere Gallerie auf der Seite ausgewählt wurde
if( $galerie != $galerieID)
{
$datei = '';
}
// Berechnung des Skalierungsfaktors für die Thumbnails
if(!function_exists('getFaktor'))
{
function getFaktor( $breite, $hoehe, $thumb ){
if($breite > $hoehe){
return $thumb / $breite;
}else{
return $thumb / $hoehe;
}
}
}
// --------------------------------------------- Überschrift
echo"<h1>REX_VALUE[1]</h1>\n";
// --------------------------------------------- Großbild Anzeige
if ( $datei != '' && strpos( $datei, '..') === false && strpos( $datei, '/') === false)
{
$bild = OOMedia::getMediaByName( $datei);
$bildTitle = $bild->getTitle();
$bildBeschreibung = $bild->getDescription();
$bildDateiName = $bild->getFileName();
$bildBreite = $bild->getWidth();
$bildHoehe = $bild->getHeight();
// Auslesen der Bildposition aus der URL
$pos = @$_REQUEST['pos'];
echo "<p class=\"jaosg_nav\">";
//Zurück
if ($pos>0){
$zurueck = $pos - 1;
print '<a href="index.php?article_id='.$this->article_id.'&datei='.$dateiListe[$zurueck].'&galerie='.$galerieID.'&pos='.$zurueck.'">< Zurück</a> ';
}
//Zur Übersicht
print '<a href="index.php?article_id='.$this->article_id.'&galerie='.$galerieID.'">Zur Übersicht</a> ';
//Vor
if ($pos+1 < sizeof($dateiListe)){
$vor = $pos + 1;
print '<a href="index.php?article_id='.$this->article_id.'&datei='.$dateiListe[$vor].'&galerie='.$galerieID.'&pos='.$vor.'">Weiter ></a></p>';
}
print '<p class="jaosg_bild"><img src="'.$REX['HTDOCS_PATH'].'files/'.$bildDateiName.'" alt="'.$bildTitle.'" title="'.$bildTitle.'" width="'.$bildBreite.'" hight="'.$bildHoehe.'"/></p>';
echo "<p class=\"jaosg_bildbeschreibung\">$bildTitle<br \>$bildBeschreibung</p>";
//echo" $dateiListe[$pos-1] : $dateiListe[$pos] : $dateiListe[$pos+1]";
}
else{
// --------------------------------------------- Fliesstext
$input =<<< EOT
REX_HTML_VALUE[2]
EOT;
$textile = new Textile;
$text = "";
if ("REX_VALUE[2]" != "") $text = $textile->TextileThis($input);
$text = str_replace("###"," ",$text);
print $datei.$text;
// --------------------------------------------- Galerie Anzeige
echo "<div class='jaosg_galerie'>\n";
foreach ($dateiListe as $datei)
{
if(!$pos){$pos=0;}
$bild = OOMedia::getMediaByName( $datei);
$bildTitle = $bild->getTitle();
$bildDateiName = $bild->getFileName();
$bildBreite = $bild->getWidth();
$bildHoehe = $bild->getHeight();
if($bildBreite > "799"):
$bild_link = 'index.php?rex_resize=800w__';
else:
$bild_link = 'files/';
endif;
$faktor = getFaktor($bildBreite, $bildHoehe, $tGroesse);
$tBreite = intval( $bildBreite * $faktor );
$tHoehe = intval( $bildHoehe * $faktor );
// Hoch- oder Querformat für Style-Sheet ermitteln
if($bildBreite>$bildHoehe)
{
$cssCls = 'ls';
}
else
{
$cssCls = 'pt';
}
print '<script type="text/javascript"><!-- //Auskommentieren für Browser die kein JavaScript unterstützen
document.write("<div class=\"jaosg_thumbnail '.$cssCls.'\"><a href=\"' . $bild_link . $bildDateiName.'\" rel=\"lightbox[Galerie'.$galerieID.']\" title=\"'.$bildTitle.'\"><img src=\"'.$tSrc.''.$tBreite.'w__'.$bildDateiName.'\" alt=\"'.$bildTitle.'\" title=\"Zum Vergrößern auf das Bild klicken\" width=\"'.$tBreite.'\" height=\"'.$tHoehe.'\" /></a></div>")//--></script>';
print '<noscript><div class="jaosg_thumbnail '.$cssCls.'"><a href="index.php?article_id='.$this->article_id.'&datei='.$bildDateiName.'&galerie='.$galerieID.'&pos='.$pos.'"><img src="'.$tSrc.''.$tBreite.'w__'.$bildDateiName.'" alt="'.$bildTitle.'" title="Zum Vergrößern auf das Bild klicken" width="'.$tBreite.'" height="'.$tHoehe.'" /></a></div></noscript>';
echo"\n";
$pos ++;
}
echo "</div>\n<div id=\"jaosg_footer\"></div>\n";
}
?>