definierte Bildgröße eingepasst wird Quelltext <?php $pathThumbnail = wThumbnail :: createThumbnail ( '/devAssets/img/bild-rot.png' , 120 , 120 , 'embed' ); print ' . $pathThumbnail . '"/>' ; $pathThumbnail = wThumbnail ::
Thumbnail-Erstellung mit Modus default Quelltext <?php $pathThumbnail = wThumbnail :: createThumbnail ( '/devAssets/img/examples/CIMG1299-Thumbnailtest.jpg' , 120 , 120 , 'default' ); $pathThumbnailhochkant = wThumbnail :: createThumbnail
gegen den Uhrzeigersinn (Standardwert: -90 grad) Beispiel: Dreht das Bild Quelltext <?php $pathImage = "/devAssets/img/banner-weblication.jpg" ; $pathImageDest = "/devAssets/img/banner-weblication-rotated.jpg" ; $deg = 180 ; //
werden soll (0-100) Beispiel: Ändert die Bildgrösse wie angegeben Quelltext <?php $pathImage = "/devAssets/img/bild-rot.png" ; $pathImageResized = "/devAssets/img/bild-rot-resized.png" ; print 'Originalbild: . $pathImage . '"
Elementen zusammen setzt. alt Alternativtext des Bildes attributes Attribute des PICTURE-Elementes attributes-img Attribute des IMG-Elementes embedSVG [|1] Falls das Bild als SVG eingebettet werden soll minWidthVisible Mindestbreite
" target= " _self "> select= " @text "/> ... Setzen Sie anstatt des Textes innerhalb des A-Tags ein Bild (IMG-Tag), dem Sie innerhalb des src -Attributes über Ihre PHP-Funktion den Bildpfad mitgeben: Beispiel: Auszug aus z.B.
" type= " char.display "> default id= " picture " type= " picture.standard "> class= " picture " src= " /deAssets/img/platzhalter.gif "/> ... ... Vor allem bei grösseren Projekten stellt sich häufig das Problem, dass die Bilder von
true ist Standard Beispiel: Ermittelt die Breite des angegebenen Bildes Quelltext <?php $pathImage = "/devAssets/img/bild-rot.png" ; $imgWidth = wImage :: getWidth ( $pathImage ); print ' . $pathImage . '" /> ' ; print 'Breite des
true ist Standard Beispiel: Ermittelt die Höhe des angegebenen Bildes Quelltext <?php $pathImage = "/devAssets/img/bild-rot.png" ; $imgHeight = wImage :: getHeight ( $pathImage ); print ' . $pathImage . '" /> ' ; print 'Höhe des
eine Data-URL für den transparenten Platzhalter für Lazy loading Quelltext <?php $pathImage = "/baseAssets/img/bild-orange.jpg" ; $pictureWidth = "150" ; $pictureHeight = "120" ; print wImage :: getDataUrlPlaceholder ( $pathImage
einlesen (Während der XSLT-Transformation ausführen) $imagesDir = wRepository :: grepDocumentsDir ( '/default-wAssets/img/demo' , '(jpg|png)' , array( 'caseInsensitive' => true )); $backgroundImage = $imagesDir [ rand ( 1 , count (
"> select= "
2018 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE SVG-Bilder werden in Listen standardmäßig über ein IMG-Element eingebunden. Sollen diese allerdings über CSS-gestaltet werden, müssen sie direkt als XML in die HTML-Seite
BASE SVG-Bilder sind dann per CSS anpassbar, wenn sie direkt im HTML eingebettet sind, also nicht über IMG-Tag geladen werden. Für Bilder selbst gibt es dafür die Variante "SVG-Grafik eingebettet, per CSS formatierbar".
) class= " wEditorExtensionValue "> <!--web:text:start editor="file" dirType="image" pathIfEmpty="/spin-media/img" inputStyle="width:100%"--> select= " /wd:document/wd:extension/wd:meta/wd:thumbnail/@src "/>
Konvertiert ein Bild in eine JPEG-Bild
Klasse für Bildfunktionen
Klasse, um responsive Bilder über das PICTURE-Element zu generieren
Bildpfad für das nachfolgende Beispiel dynamisch zu setzen. $imagesDir = wRepository :: grepDocumentsDir ( '/devAssets/img/devblog/lurchi' , '(jpg|png)' ); $elementdata [ 'src' ] = $imagesDir [ rand ( 1 , count ( $imagesDir ) - 1 )];
ausgelegt. Soll dies entsprechend unterstützt werden, passen Sie dies individuell an (z.B. max-width:100% Angabe zum img-Tag und mediaquery-Angaben für Ausblenden ab einer bestimmten Fensterbreite). Weiterführende Links Grundlagen -
Die BASE wird standardmässig so ausgeliefert, dass über das Assets-Bildverzeichnis (z.B. /wAssets/img ) ein Verzeichnisereignis für das Hochladen von Bildern genutzt wird. Die Aktion greift auf die Einstellung "
( '[Ankerplatzhalter]' , '' , $preResult ); // Beispiel: eigener Platzhalter für Bilder: $preResult = preg_replace ( "/\[IMG\.(\w+)(?:\|([^\]]+))?\]/" , " $ 2 " src=" / deAssets / img / "." $ 1 "." . jpg " />" , $preResult ); // ... Auf diese
Beispiel: Ermittelt den Originalpfad eines Vorschaubildes Quelltext <?php $pathThumbnail = "/devAssets/img/weblication/wThumbnails/bild-rot-219eec19e938a03g6e98d33752e8fa5c.png" ; print wThumbnail :: getPathOrig (
erweitern können, das Sie als Hintergrundgrafik heranziehen können. Im Beispiel wird die Pflegemaske um das Attribut "imgBackgroundLink" erweitert. Über das context-Attribut setzen Sie den Pfad, in dem die Auswahl des Bildes beginnen soll. Beispiel:
id= " dir " type= " src.dir "> /baseAssets/img/galleries/$wDocumentCreatorInsert['fileNameOnly'] id= " dirRecursive " type= " src.dir "/> ... Verfügbare
Endung) des generierten Bildes Beispiel: Ermittelt den Pfad eines Vorschaubildes Quelltext <?php $path = "/devAssets/img/bild-rot.png" ; $width = "234" ; $height = "123" ; $mode = "embed" ; $options = "" ; print wPathName ::
Generiert eine Liste auf Basis einer XML-Zeichenkette
design.css entsprechend, sofern dies in Ihrem Projekt noch nicht der Fall ist: /* Beispiel: Auszug aus einer design.css */ /* .... */ img {} img.picture { margin: 0; height: auto; max-width: 100%; vertical-align: bottom} img.pictureLeft { float: left; margin:
$wGlobalProjectPath) "/> ')); } catch(gException $e){} <!-- ##### Hier wird das sprachabhängige Logo über ein img-Tag eingebunden, wenn der Dateipfad existiert und nicht das de-Projekt aufgerufen ist ##### --> test= "
Wenn Sie den nachfolgenden PHP-Code im Verzeichnisereignis onAfterUpload eines Verzeichnisses (z.B. /baseAssets/img/watermark ) setzen, erfolgen zu Bildern beim Hochladen folgende Aktionen: Dateiname wird in zufälligen Dateinamen (
(); // Setzt den Benutzername des hier angegebenen Benutzers: //$userName = "mustermann"; $document = '/baseAssets/img/bild-gruen.jpg' ; $permissionsView = array(); // array('viewusers' => array('user1', 'user2'), 'viewgroups' =>
für das angegebene Dokument auf erben, falls dieses eingecheckt ist Quelltext <?php $document = '/baseAssets/img/bild-gruen.jpg' ; print wRepository :: setPermissionsInheritViewDocument ( $document ); ?> Beispiel: Setzt die
für das angegebene Dokument auf erben, falls dieses eingecheckt ist Quelltext <?php $document = '/baseAssets/img/bild-gruen.jpg' ; print wRepository :: setPermissionsInheritDocument ( $document ); ?> Beispiel: Setzt die
(); // Setzt den Benutzername des hier angegebenen Benutzers: //$userName = "mustermann"; $document = '/baseAssets/img/bild-rot.jpg' ; $permissions = array(); $permissions [ 'owner' ] = 'admin' ; $permissions [ 'ownerRole' ] = 'owner' ;
Vorschaubilder des angegebenen Verzeichnisses Quelltext <?php wRepository :: deleteThumbnailsDir ( '/default-wAssets/img/demo' ); ?> Beispiel: Löscht die Vorschaubilder des angegebenen Verzeichnisses, behält aber die Metadaten
Ermittelt die Daten als Array zu korrespondierenden Sprachversionen
Erstellt ein Bild aus einer Zeichenkette, um Spam in Formularen zu verhindern
definierte Pflegemaske zurückgreifen. Hierzu rufen Sie z.B. die Verzeichniseinstellungen für das Verzeichnis /wAssets/img auf und klicken im Register "Allgemein" auf die Schaltfläche " Eigene Standard-Dateieinstellungen für dieses
1;keyword1,keyword2;123456789;70,00;Zusätzliche Beschreibung;" Spalte 1 Spalte 2 Eintrag 1 Eintrag 2 ;/default-wAssets/img/demo/1.jpg Produkt 2;Beschreibung zu Produkt 2;keyword1,keyword2;123456789;170,00;Zusätzliche Beschreibung;" Spalte 1
Zeigt ein Strukturelement an, welches rein über Parameter definiert wird
Erstellt ein Vorschaubild einer PDF Datei (verfügbar ab CMS-Version 15)
Kommastellen Beispiel: Ermittelt die Dateigröße der angegebenen Datei Quelltext <?php $fileGetSize = "/devAssets/img/bild-gruen.jpg" ; $fileSizeUnit = "kb" ; $fileSizePrecision = "2" ; print 'Grösse der Datei: ' . wDocumentData ::
des Dokumentes Quelltext <?php $fileGetData = "/_testscripts/_examplefile.php" ; $fileGetDataBinary = "/baseAssets/img/bild-orange.jpg" ; // Binärdokument //$fileGetData = $_SERVER['PHP_SELF']; print 'Der Objekt-Titel der Datei ' .
über eine spezielle wdExtension -Datei erreichen. Legen Sie für das entsprechende Verzeichnis (z.B. /IhrAssetsProjekt/img/banner ) die spezielle wdExtension-Datei ab, die für das Einchecken herangezogen wird. Die dort gesetzten
String extensions, String showFavorite, String showMenubar) wOpenFileselector('DATEIAUSWAHL', '/IhrAssetsProjekt/img', '', '', 1, 1); function fileselector_DATEIAUSWAHL_onSelect(file){ alert(file); } // ... Parameter der
Zeigen Sie den Seitenbesuchern die am höchsten bewerteten Seiten Ihrer Präsenz.
Redakteure und Administratoren ausgegeben werden. --> mask= " upload " type= " warning " notMatchPath= " baseAssets/img " matchUserType= " admin|standard "> Ins Bildverzeichnis wechseln ]]> mask= " createDocument " type= " info "
Nutzen Sie eigene PHP-Funktionen, um die für eine Weblication® Liste definierten Dateien vor der Ausgabe individuell manipulieren zu können.
Seite wird Ihnen zu jedem erstellten Vorschaubild eine Debuginformation ausgegeben, z.B.: generateThumbnail(/baseAssets/img/bild-gruen.jpg, 120, , default) Beschreibung der Parameter zu generateThumbnail : Pfad Pfad des Originalbildes Breite
Systeme */ #filterElement-categories span[data-value="254275254275"]::before { content: url ('/basemfbAssets/img/produkte/blueline-12x16.png') ; position: relative; top: 4px; } /* Schaltfläche um Text-Symbol erweitern - data-value