ProcessWire - Focal Point: Unterschied zwischen den Versionen
Aus Wikizone
(Die Seite wurde neu angelegt: „<pre> if($myImage->focus(TRUE)){ $myFocus = $myImage->focus(); $focusStyle = 'background-position-x:'.intval($myFocus['left']).'%; background-position-y:'…“) |
|||
| Zeile 8: | Zeile 8: | ||
</pre> | </pre> | ||
| + | |||
| + | Beispiel 2 | ||
| + | <syntaxhighlight lang="php"> | ||
| + | if($page->images && $page->images->first()) { | ||
| + | $myImage = $page->images->first(); | ||
| + | $imageStyles[] = 'background-image:url('.$myImage->width(800)->url.');background-size: cover; background-repeat: no-repeat;'; | ||
| + | if($myImage->focus(TRUE)){ | ||
| + | $myFocus = $myImage->focus(); | ||
| + | $imageStyles[] = 'background-position-x:'.intval($myFocus['left']).'%; background-position-y:'.intval($myFocus['top']).'%;'; | ||
| + | } | ||
| + | } | ||
| + | $imageStylesMarkup = implode($imageStyles,' '); | ||
| + | |||
| + | </syntaxhighlight> | ||
Aktuelle Version vom 2. Oktober 2019, 10:16 Uhr
if($myImage->focus(TRUE)){
$myFocus = $myImage->focus();
$focusStyle = 'background-position-x:'.intval($myFocus['left']).'%; background-position-y:'.intval($myFocus['top']).'%;';
}
$imageMarkup = '<div style="background-image: url('.$myImage->url.');'.$focusStyle.'">';
Beispiel 2
if($page->images && $page->images->first()) {
$myImage = $page->images->first();
$imageStyles[] = 'background-image:url('.$myImage->width(800)->url.');background-size: cover; background-repeat: no-repeat;';
if($myImage->focus(TRUE)){
$myFocus = $myImage->focus();
$imageStyles[] = 'background-position-x:'.intval($myFocus['left']).'%; background-position-y:'.intval($myFocus['top']).'%;';
}
}
$imageStylesMarkup = implode($imageStyles,' ');
