[phpBB Debug] PHP Warning: in file [ROOT]/ext/tas2580/seourls/event/listener.php on line 213: Undefined array key "FORUM_NAME"
JAOS Lightbox - REDAXO Forum
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/
cwenet
Beiträge: 380
Registriert: 16. Feb 2006, 10:13
Wohnort: Lake Constance

JAOS Lightbox

1. Mai 2006, 13:18

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

Benutzeravatar
Markus.Staab
Entwickler
Beiträge: 9634
Registriert: 29. Jan 2005, 15:50
Wohnort: Aschaffenburg/Germany
Kontaktdaten: ICQ Website

1. Mai 2006, 15:29

Hi Christoph,

am besten du bringst erstmal deine Seite auf einen (X)HTML Validen Zweig, dann kann man diese Fehlerquelle schonmal ausschließen.
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?
Du könntest ja im Backend die Bilder auf eine kleinere Größe Resizen, als im Frontend.

Gruß,
Markus

Benutzeravatar
raybeam
Beiträge: 442
Registriert: 5. Feb 2006, 21:30
Kontaktdaten: Website

1. Mai 2006, 15:54

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

cwenet
Beiträge: 380
Registriert: 16. Feb 2006, 10:13
Wohnort: Lake Constance

1. Mai 2006, 16:25

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

cwenet
Beiträge: 380
Registriert: 16. Feb 2006, 10:13
Wohnort: Lake Constance

1. Mai 2006, 18:16

Hallo,

ich glaube irgendwie finde ich den richtigen Weg. Bin dran. Danke.

Christoph

Benutzeravatar
raybeam
Beiträge: 442
Registriert: 5. Feb 2006, 21:30
Kontaktdaten: Website

1. Mai 2006, 18:16

Hi Christoph,

probier doch bitte mal im Stylesheet "main" den Eintrag div.jaosg_thumbnail auf width: 130 px und height: 100px zu ändern.

Peter

Benutzeravatar
raybeam
Beiträge: 442
Registriert: 5. Feb 2006, 21:30
Kontaktdaten: Website

1. Mai 2006, 18:33

Nochmal ich :)

schmeiß den width und height - Wert ganz aus dem div.jaosg_thumbnail raus, der wird nicht gebraucht, habe ich gerade festgestellt.

Peter

cwenet
Beiträge: 380
Registriert: 16. Feb 2006, 10:13
Wohnort: Lake Constance

1. Mai 2006, 19:01

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

cwenet
Beiträge: 380
Registriert: 16. Feb 2006, 10:13
Wohnort: Lake Constance

1. Mai 2006, 19:26

Hallo nochmal,

es will mir nicht gelingen, den Titel auch in der Großansicht auszugeben.
Also über Bild x von x.

Wie kann ich das einstellen? Normal müßte doch der titel tag reichen?

Christoph

Benutzeravatar
raybeam
Beiträge: 442
Registriert: 5. Feb 2006, 21:30
Kontaktdaten: Website

1. Mai 2006, 21:22

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 :wink:

Gruß

Peter

cwenet
Beiträge: 380
Registriert: 16. Feb 2006, 10:13
Wohnort: Lake Constance

1. Mai 2006, 22:02

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

Benutzeravatar
raybeam
Beiträge: 442
Registriert: 5. Feb 2006, 21:30
Kontaktdaten: Website

2. Mai 2006, 13:47

Hallo Christoph,

jetzt habe ich verstanden :wink:

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 :D

cwenet
Beiträge: 380
Registriert: 16. Feb 2006, 10:13
Wohnort: Lake Constance

2. Mai 2006, 14:38

Hallo Peter,

so ist es perfekt, dankeschön.
PS. Je länger ich mich mit Redaxo beschäftige, desto genialer finde ich es
Geht mir genauso.

Gruß
Christoph

Benutzeravatar
alex2911
Beiträge: 567
Registriert: 20. Jul 2005, 04:13
Wohnort: Österreich
Kontaktdaten: Website

5. Mai 2006, 04:05

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 !

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.'"><&nbsp;Zur&uuml;ck</a>&nbsp;&nbsp;';
	}
	//Zur Übersicht
	print '<a href="index.php?article_id='.$this->article_id.'&galerie='.$galerieID.'">Zur &Uuml;bersicht</a>&nbsp;&nbsp;';
	//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&nbsp;></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("###","&#x20;",$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&ouml;&szlig;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&ouml;&szlig;ern auf das Bild klicken" width="'.$tBreite.'" height="'.$tHoehe.'" /></a></div></noscript>';
		echo"\n";
		$pos ++;
	}

	echo "</div>\n<div id=\"jaosg_footer\"></div>\n";
}

?>

revo
Beiträge: 10
Registriert: 2. Jul 2006, 17:17

13. Jul 2006, 01:08

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. Smile
Weiss jemand Hilfe für die Erstellung von quadratischen Thumbs?

Zurück zu „Allgemeines [R3]“