You are here: English > The Docu > Articles > Content Parts > Text with image

Content Part "Text with Image"

text_w_image.png
content part "text with image"

HTML text: Here you can enter text exactly as you would with "WYSIWYG HTML" with the help of the word-processor style toolbar. In most cases you can obtain the same result by combining the content-parts "images" and "plain text". Die Einstellungen für den Editor den Sie hier sehen sind die gleichen wie bei "WYSIWYG HTML". Näheres zu den Editoren finden Sie unter Administration of your own profile.

image (optional): Here the name of the selected image is indicated. You can select and/or exchange the picture with the following buttons:

Click, in order to open the phpwcms image browser (you can find more information on this in “the phpwcms browser" section, further down) and select an image.

Click, in order to remove the currently selected image.

Position: With this you determine where the picture is to be placed with regards to the text block. You can use either the menu or the accompanying symbols:

Place image above the text block, aligned left.
Place image above the text block, centered.
Place image above the text block, aligned right.
Place image below the text block, aligned left.
Place image below the text block, centered.
Place image below the text block, aligned right.
Place image within the text block, aligned left.
Place image within the text block, aligned right. 
Place image in an table, aligned left (since version 1.3.3)
Place image in an table, aligned right (since version 1.3.3)

max. width/max. height: Here you can specify maximum width and/or
height of the image. If the actual image is larger than the maximum dimensions you
specify, then the image is automatically resized accordingly, whereby the proportions
remain intact. If you leave either or both of these fields empty, phpwcms uses the
maximum dimension(/s) of the image, while maintaining proportionality.

click enlarge: With this option you can indicate whether the visitor can click on the image to open a view of the full-size image in a pop-up window.

Lightbox (since version 1.3.3): With this option the image will not be opened in a new window, it will be opened in a layer. Please look for an example in content part " text with image".

Thumbnails without Caption (since Version 1.3.3): This setting does only work with the lightbox. It means that undeer the thumbnail image there will not shown a caption. But when you click on the image a caption will will shown under the big image view. You can also find an example in content part " text with image".

Notice: For using this function Lightbox, check "Click enlarge".

caption: Here you can enter a caption (a description of the image, for
example), which will appear below the image.

The following items can be made:

Info For a image title:
  Bild-Text

For a image title and the alt-text:
  image-text|alt-text of the image

For a image title + alt-text + link to target within the site, in the same window:
  image-text|alt-text of the image|index.php?ALIASNAME

For a image title + alt-text + link to target outside the site, in the same window::
  Bild-Text|Alt-Text des Bildes|http://url.de

Für eine Bildbezeichnung + Alt-Text + Link zu einem Ziel außerhalb der Site, in einem neuen Fenster:
  image-text|alt-text of the image|http://url.de _blank

------  Since V1.3.4:
For a image title + alt-text + title of the image:
   image-text|alt-text of the image||title of the image
------

If you only want the alt-text:
  |alt-text

If you only want the internal link:
  ||index.php?ALIASNAME

Lightbox vs. normal Window

alt-text:Image without Lightbox
Image without Lightbox

The difference between these both views is more or less a graphical gimmick.

The image in the CP description hat set a check at Lightbox.
The image here will be be shown without Lightbox.

Example: Thumbnails without Caption

alt-text

Here you can see the example when you have checked Lightbox and Thumbnails without Caption.

Under the small preview you can't see a caption. When you click on the image and see it in the large preview you will see the following text under the image "Check set at"Thumbnails without Caption"".



Article created: Tuesday, 24. July 2007
Last Changes: Tuesday, 4. January 2011