Differences

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

--- english:phpwcms-system:article:contentparts:images-div:background-image [2011/03/20 13:04]
Knut Heermann (flip-flop) created
+++ english:phpwcms-system:article:contentparts:images-div:background-image [2018/06/03 18:09] (current)
@@ Line 36: / Line 36: @@
 **1.** Write a CP "image <div>" in a hidden area.
+==== phpwcms < r411 ====
 **2.** Template for CP "image <div>"
@@ Line 68: / Line 72: @@
 [/PHP]
    <!--
       Thumbnail image:    {THUMB_NAME}
         relative:         {THUMB_REL}
@@ Line 101: / Line 104: @@
 </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 111: / Line 181: @@
 - **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.
 \\

english/phpwcms-system/article/contentparts/images-div/background-image.1300622669.txt.gz · Last modified: 2018/06/03 18:07 (external edit)

Show page Old revisions