Differences

This shows you the differences between two versions of the page.

--- deutsch:phpwcms-system:artikel:contentparts:bilder-div:background-image [2011/03/20 13:06]
Knut Heermann (flip-flop) created
+++ deutsch:phpwcms-system:artikel:contentparts:bilder-div:background-image [2018/06/03 18:08] (current)
@@ Line 2: / Line 2: @@
 FIXME ÜBersetzen
 From [[http://forum.phpwcms.org/viewtopic.php?p=129272|CSS background image controlled by phpWcms]]: \\
@@ Line 38: / Line 39: @@
 **1.** Write a CP "image <div>" in a hidden area.
+==== phpwcms < r411 ====
 **2.** Template for CP "image <div>"
@@ Line 70: / Line 75: @@
 [/PHP]
    <!--
       Thumbnail image:    {THUMB_NAME}
         relative:         {THUMB_REL}
@@ Line 103: / Line 107: @@
 </code>
 \\
-- **The first** (disabled) line uses an image with the max. x/y from config
+==== phpwcms >= r411 ====
+**2.** Template for CP "image <div>"
+<code html>
+<!--IMAGE_SETTINGS_START//-->
+; this is formatted like WIN.INI
+; please: do not use comments for value lines
+; settings will overwrite CP settings
+;width         = 100
+;height         = 100
+col         = 1
+zoom         = 1
+;crop         = 0
+space         = 0
+lightbox      = 1
+nocaption      = 1
+; 0 = no center, 1 = horizontal/vertical, 2 = horizontal, 3 = vertical
+;center_image   = 0
+<!--IMAGE_SETTINGS_END//-->
+<!--IMAGES_ENTRY_START//-->
+   <!-- CSS : body {background: #F9E931 url({IMAGE_REL}) no-repeat left top !important;} -->
+   <!-- CSS: body {background: #F9E931 url(filearchive/{IMAGE_HASH}.jpg) no-repeat left top !important;} -->
+   <!--
+      Thumbnail image:    {THUMB_NAME}
+        relative:         {THUMB_REL}
+        absolute:         {THUMB_ABS}
+        height/width:     {THUMB_HEIGHT}px/{THUMB_WIDTH}px
+        height/width max: {THUMB_HEIGHT_MAX}px/{THUMB_WIDTH_MAX}px
+        columns:          {THUMB_COLUMNS}
+        image ID:         {IMAGE_ID}
+        image Hash:       {IMAGE_HASH}
+      If you are not sure wrap zoomed image:
+      [ZOOM]
+      Zoomed (big) image: {IMAGE_NAME}
+        relative: {IMAGE_REL}
+        absolute: {IMAGE_ABS}
+        height/width: {IMAGE_HEIGHT}px/{IMAGE_WIDTH}px
+      [/ZOOM]
+   //-->
+<!--IMAGES_ENTRY_END//-->
+</code>
+Delete what you do not need.
+\\
+Please have a closer look to this two lines:
+<code html>
+   <!-- CSS : body {background: #F9E931 url({IMAGE_REL}) no-repeat left top !important;} -->
+   <!-- CSS: body {background: #F9E931 url(filearchive/{IMAGE_HASH}.jpg) no-repeat left top !important;} -->
+</code>
+\\
+===== In both examples: =====
+**... the first** (disabled) line by %%"//" or "CSS :"%% uses an image with the max. x/y from config
 <code php>
@@ Line 113: / Line 184: @@
 - **The second** line uses the original uploaded image from filearchive. But you must disable the .htaccess in this folder and the .ext is fixed in script.
-If more than one image is specified in the CP, the last one is winning the race. This can be beneficial, so multiple images are in the CP and the desired is simply pushed down.
+\\
+- If more than one image is specified in the CP, the last one is winning the race. This can be beneficial, so multiple images are in the CP and the desired is simply pushed down. \\
+But in the second example, the script writes the CSS statements for each image into the HEAD area. The last statement wins.
 \\

deutsch/phpwcms-system/artikel/contentparts/bilder-div/background-image.1300622788.txt.gz · Last modified: 2018/06/03 18:07 (external edit)

Show page Old revisions