CP Bilderwechsel oder was anderes?

[krailing]

Hallo

Eine Vorgabe verlangt eine Galerie, linke Hälfte Thumbs, in diesem Fall quadratisch (können so vorformatiert werden) dargestellt und angeordnet, z.B. 4 x 4; die rechte Hälfte zeigt das angewählte Thumb gross als Monitor. Mit dem CP Bilderwechsel kann ich diese quadratische Anordnung nicht auswählen. Lässt sich trotzdem einrichten oder muss hier eine andere Lösung angestrebt werden?

Dank und Gruss
Tom

[flopi]

ich glaube was du suchst wäre der simpleviewer.

http://www.airtightinteractive.com/simpleviewer/

was anderes fällt mir jetzt nicht ein.

mfg
flopi

[update]

sowas ähnliches gab's doch schon mal als Hack. Hatte ich auch eingebaut und funktionierte so oder so ähnlich...
Vielleicht macht jemand da ma'n Modul?
Wie heisst's doch so schön: Duck 'n wech

[flip-flop]

Alles Quatsch, macht es euch doch nicht schwerer als es ist. Schreibe einen kleinen Ersetzer im /frontend_render/ der die <td>...............</td> rauswirft . Den Rest per CSS.
Etwa so, das muss raus bzw. hinzu:

<div class="reference">
<h3>Bilderwechsel</h3>

<div class="left"><!-- === thumbs //-->
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="image_zoom.php?show=.......><img src="content/images/.......... /></td>
<td><a href="image_zoom.php?show=.......><img src="content/images/.......... /></td>
<td><a href="image_zoom.php?show=.......><img src="content/images/.......... /></td>
<td><a href="image_zoom.php?show=.......><img src="content/images/.......... /></td>
</tr>
</table>
</div> <!-- === End thumbs //-->
<div class="right"> <!-- === picture //-->
<img src="content/images/........... />
</div> <!-- === End picture //-->

<div class="text">
<p>Hier ein einfacher Text<br />
in zwei Zeilen</p>
</div> <!-- === End text //-->

<!-- [ CAPTION]<tr><td>{ CAPTION}</td></tr>[ /CAPTION] //-->

</div>

</div>

Das Tempalte in /template/inc_cntpart/reference/* dazu sähe ungefähr so aus:

Code: Select all

<div class="reference">
[TITLE]<h3>{TITLE}</h3>[/TITLE]
[SUB]<h4>{SUB}</h4>[/SUB]

<div class="left"> <!-- === thumbs //-->

{REFERENCE_REP_TD}[LIST]{LIST}[/LIST]{/REFERENCE_REP_TD}

</div> <!-- === End thumbs //-->

<div class="right"> <!-- === picture //-->
[REF]{REF}[/REF]
</div> <!-- === End picture //-->


<div class="text">
[TEXT]<p>{TEXT}</p>[/TEXT]
</div> <!-- === End text //-->

<!-- [ CAPTION]<tr><td>{ CAPTION}</td></tr>[ /CAPTION] //-->
</div>

[PHP]
	$GLOBALS['block']['css']['reference'] = 'specific/reference.css';
[/PHP]

Die Tags auf die getriggert wird heißen dann {REFERENCE_REP_TD} und {/REFERENCE_REP_TD}

Der Rest ist einfaches CSS in .../frontend_render/specific/reference.css (Stichwort: float: left;)
Etwas so:

Code: Select all

div.reference {
	margin: 10px 0 10px 0;
	padding: 5px 0 5px 0;
	background-color: #999;
	overflow: hidden;
	width: 500px;
	position: relative;
}

div.reference div.left {
	margin: 0;
	padding: 20px 0 20px 20px;
	list-style: none;
	width: 350px;
	display: block;
	float: left;
	background-color: #956;
}

div.reference div.right {
	display: block;
	margin: 0;
	padding: 5px 0 5px 10px;
	list-style: none;
	height: 250px;
	width: 250px;
	float: left;
	background-color: #659;
}


div.reference div.left div.img {
	border: 3px solid #FFFFFF;
	padding: 0;
	float: left;
	background-color: #000000;
	
	float: left;
}

div.reference div.text {
	clear: both; 
	border: 1px solid #ccc;
	background-color: #eee;
}

Ist jetzt aus der Hüfte geschossen, aber in diese Richtung sollte es gehen.

[EDIT]
Put it into the file e.g.: /template/inc_script/frontend_render/rt_reference_rep_td.php
Switch in conf.inc.php: $phpwcms['allow_ext_render'] = 1;

Code: Select all

<?php
// **************************************************************************
// 10.07.08 Replacement of 
// <td> [LIST]{LIST}[/LIST] </td> -> [LIST]{LIST}[/LIST]  mode (V 1.0)
// Knut Heermann (flip-flop) http://planmatrix.de
// 
// http://forum.phpwcms.org/viewtopic.php?p=106002#p106002
//
// TAG:      In your template 
//           {REFERENCE_REP_TD} [LIST]{LIST}[/LIST] {/REFERENCE_REP_TD}
// 
// Condition: 
// Location: Put it into the file e.g.:
//           /template/inc_script/frontend_render/rt_reference_rep_td.php
// Switch in conf.inc.php: $phpwcms['allow_ext_render']  = 1;
// **************************************************************************
// ----------------------------------------------------------------
// obligate check for phpwcms constants
if (!defined('PHPWCMS_ROOT')) {
   die("You Cannot Access This Script Directly, Have a Nice Day.");
}
// ----------------------------------------------------------------

// Is this TAG in use?   ==  // Ist der TAG gesetzt?
if(!( strpos($content["all"],'{REFERENCE_REP_TD}')===false ) )
{

	// Strip off all HTML and PHP tags from the given string
	function my_strip ($text = '', $allowed_tags ='' ) 
	{
		$text = strip_tags($text, $allowed_tags);  // Kick off all HTML and PHP tags
		$text = str_replace ('\\\'','\'',$text);   // Select masked PHP \' and replace back with ' 
	
	return $text;
	}

 //Parsing string for the output between {REFERENCE_REP_TD} ...... {/REFERENCE_REP_TD}
	$my_search = '/\{REFERENCE_REP_TD\}(.*?)\{\/REFERENCE_REP_TD\}/ise';

	$my_allowed_tags = '<img>,<a>';      // Don´t kill this tags in my_strip 

	// Voila, cut out the string between the tags, kick off all HTML and deliver a fine result
	$content["all"] = preg_replace($my_search,'my_strip("$1", $my_allowed_tags);',$content["all"]);

}
?>

Fast and dirty, but it will work
[/EDIT]

Knut

[update]

Alles Quatsch, macht es euch doch nicht schwerer als es ist. Schreibe einen kleinen Ersetzer

Genau das ist doch schwer für viele...

[krailing]

Ja, danke Knut, kleiner Ersetzer schreiben ist gut...

[flip-flop]

RT siehe oben

[krailing]

Knut, ich bin sprachlos. Nebst meinem Dank auch noch eine tiefe Verneigung an den Roger Federer dieses Forums!

[Jensensen]

Hallöchen,

vielen Dank Knut, für dieses "Ensemble"! Output ist super.
Ich stelle nun aber bei meiner v1.3.9 Teststellung nun folgende Probleme fest, die mit der Skalierung der Bilder zusammenhängen.

Habe 4 kleine jpg's jeweils ca. 70kb und 500x400 Pixel (HxB).
--> Unter "small reference images:" kann ich eintragen was ich will, auf der Seite sind - und bleiben die kleinen "Thumbs" 50x37
--> Bei jedem Speichern des CP werden jedoch neue Bilder erzeugt in /content/images/ und zwar auch dann, wenn keine Änderungen vorgenommen wurden.

Die Größe des "large reference image:" wird hingegen korrekt angepasst!
Habt Ihr ähnliche Erfahrungen?

[krailing]

Hallo Jensensen

Bei mir dasselbe, wenn ich dich richtig verstanden habe: Habe 10 Bilder geladen, die Thumbgrösse sowie den vertikalen Abstand der Thumbzeilen würde ich gerne beeinflussen. Knut wird sich an den Kopf fassen und denken, ....

Tom

[flip-flop]

Hallo Jensensen,

das hängt nicht mit dem RT zusammen, denn damit hat er nichts zu tun.

Im CP werden die Bildergrößen immer auf der Basis der gedachten Tabellen berechnet.

Bsp.: 4 Bilder, kein Rahmen, kein Abstand.
Ausrichtung horizontal: Kleine Referenzbilder: 200 x 200 px

Die Thumbs werden so berechnet, dass sie zusammen maximal 200px horiz. einnehmen.
Also hat ein Bild eine Breite von 50px mit einer max. Höhe von 200px. (Rahmen, Abstand ist hier nicht beachtet).
Wie die nun angeordnet werden mit diesem RT ist völlig gleich. Davon weiß das System nichts.

Analog verhält sich das bei der vertikalen Darstellung.

Bei mir werden keine neuen Bilder generiert wenn ich den RT ohne Änderung am bild speichere. (r227).

Knut

[flip-flop]

Thumbgrösse sowie den vertikalen Abstand der Thumbzeilen würde ich gerne beeinflussen ...
Knut wird sich an den Kopf fassen und denken, ....

Richtig, ......
Bildergröße siehe oben. Abstände funktionieren natürlich nicht mehr mit dem CP, sondern wird ausschließlich durch die CSS gesteuert. Ist doch logisch, oder wie soll dass sonst funktionieren? (Schaue dir bitte einmal den generierten Quelltext mit und ohne RT bei verschiedenen Einstellungen an).
Ich glaube der RT ist gar nicht verstanden worden.

Im CP bitte nur die gewünschten Größen der Bilder einstellen, mehr nicht, der Rest auf Null und Standard.
Alles andere wird elegant in der CSS gemacht.

(Es kann natürlich sein, wenn horiz. Ausrichtung gewählt ist und ich 10 Bilder 100x100px habe , also 1000px horiz. vorgebe, das der CP nachschaut in der config wie breit denn überhaupt die Seite werden darf (content_width) usw. -> habe ich nicht getestet, ist dann ein CP Problem oder einfach die vertikale Darstellung verwenden und rechnen lassen ).

Knut

[Jensensen]

Hi Tom,

ich weiß nicht, was dort im Hintergrund skaliert wird, aber die Werte die man dort einträgt werden quasi ignoriert.
Beispiel:
Gebe ich NUR die Breite ein --> 200, erscheinen die Bilder in 50x37.
Gebe ich NUR die Breite ein --> 700, erscheinen die Bilder in 175x112 (im Feld "Höhe" wurde "auto" eingesetzt 400)

Gebe ich die tatsächlichen Abmessungen ein 538x403, erscheinen die Bilder in 134x100
....

So ist das nicht nur ungenau, in dem Sinne, dass man sich nicht drauf verlassen kann, sondern auch Käse, schon deshalb, da man ggf. zig-Mal probieren muss und in der Zwischenzeit, bzw. genau dadurch, das Verzeichnis /content/images/ "vollmüllt"

unbrauchbar...

Das hängt wahrscheinlich mit entsprechenden Eingaben in der /config/phpwcms/conf.template_default.inc.php --> u.a. zusammen, aber da blickt bald keiner mehr durch....

$template_default['article']['image_default_width'] = '200';
$template_default['article']['image_default_height'] = '200';

$template_default['article']['imagelist_default_width'] = 100;
$template_default['article']['imagelist_default_height'] = 100;

$template_default['imagegallery_default_width'] = 200;
$template_default['imagegallery_default_height'] = 175;

was, wann, warum, wieso...grmpf

[Jensensen]

nein, nein, der RT funktioniert perfekt - alle table-tags sind raus aus dem quelltext - rest ist CSS.
bilder und div's floaten zu lassen, abstände zu justieren etc. ist nicht das problem.

nur die exakte bildgröße zu "determinieren", fällt schwer, da die skalierung momentan nicht nachvollziehbar ist.

[flip-flop]

Gebe ich NUR die Breite ein --> 200, erscheinen die Bilder in 50x37.
Gebe ich NUR die Breite ein --> 700, erscheinen die Bilder in 175x112 (im Feld "Höhe" wurde "auto" eingesetzt 400)

Gebe ich die tatsächlichen Abmessungen ein 538x403, erscheinen die Bilder in 134x100

Wo ist nun dein Problem? Es stimmt doch alles in deinen Darstellungen und Maßen
Berechnug siehe Posting zuvor. Das passt schon.