[TYPO3-german] Bilder im FE skalieren

Rainer Schleevoigt rainer at webmasterei-hamburg.de
Fri Aug 14 09:09:49 CEST 2009


Philipp Gampe schrieb:

Ich habe das jetzt so gelöst, dass ich in einem hidden-Container die 
Bilder rendern lasse und  die  IMG_RESOURCEN für die Flashplayliste nutze.
Das ganze läuft als rein JS-Lösung, weil das Zeug als Ajax-Request 
gebracht wird.

// Ausschitt:
case 2:    // in $set steht Ergebnis eines DB-Selects:
                $transitions = 
array('random','fade','slowfade','blocks','bubbles','circles','fluids','lines');
                // unsichtbarer Dummycontainer,  hier kommend ie Bilder 
zu Cachen rein
                $irot =  '<div style="display:none" id="irot">';       
                // Bilder aus DB
                $images = explode(',',$set['rot']);
                // Array der Bildpfade:
                $img_resources = array();
                foreach($images AS $img) {
                    $imageFile = $uploadfolder .'/'. $img;
                    $imgConf = array();
                    $imgConf['file']  = $imageFile;
                    $imgConf['file.'] = array('maxW' => '360');
                    $image = $this->cObj->IMAGE($imgConf);
                    // in $image steht jetzt IMG-HTML
                    //  Pfade der gecachten Bilder aufsammeln:
                    
array_push($img_resources,$this->cObj->IMG_RESOURCE($imgConf));
                    // in $irot IMG-HTML aufsammeln:
                    $irot  .= $image;       
                }
                $irot .= '</div>';
                 $js .= '$(id).innerHTML += \''.$irot.'\';';       
                 // das war der Dummycontainer, damit dei Bilder 
HTML-mäßig über T3 gechacht werden.
                 // nun der eigentliche Player, Playlistitems aus obiger 
Liste der gecachten Bilder:
                 $transition = $transitions{$set['transition']};
                 // hier kommen jetzt die Bilder als Flash rein:
                $js .= '$(id).innerHTML += \'<div class="mume"  
id="flash">Bildergalerie</div>\';';
                 $player = $this->extUrl . 'res/imagerotator.swf';
                $xml    = $this->extUrl . 'genplaylist.php' .  
urlencode('?path=/&items=' . implode('    ,',$img_resources));
                 $param = 
"stretching=fill&overstretch=true&shuffle=false&rotatetime=7&shownavigation=true&transition=random&file=" 
. $xml;
                   $js .= "\n\nvar ir = new SWFObject('" . $player . "?" 
. $param . "','galerie','360','240','9');";
                  $js .= "\nir.addVariable('file','" . $xml . "');";
                $js .= "\nir.write('flash');\n";          
            break;
> Am 06.08.2009, 12:43 Uhr, schrieb Rainer Schleevoigt  
> <rainer at webmasterei-hamburg.de>:
> hing selbst kümmern.
>   
>> Vielleicht habe ich da ein Verständnisproblem: wenn ich das Bild  über  
>> einen Pagetyp hole, dann erwartet doch der Browser (oder das Flash) den  
>> Binärstrom. Es sei denn das IMG_RESOURCE im TS gibt ein Redirect aus.
>>     
>
> du kannst per TS auch einen Binärstrom ausgeben....
>
> such mal im TS unter config, da kannst du sowohl die HTML Sachen  
> deaktivieren, als auch die Headerdaten ändern.
>
> Grüße
> Phil
>
>   



More information about the TYPO3-german mailing list