EXT: Cloud-Zoom¶

What does it do?¶

With this extension you are able to publish single images with a zoom, so, users can see the image more detailed. The same effect will be possible in tt_news and tt_product on the detailed view.

Screenshots¶

Demo:

http://typo3.cms-jack.ch/de/erweiterungen/jfcloudzoom/

Add page content “Cloud-Zoom”¶

Go to Web → Page

Choose the page to add the new Cloud-Zoom

Add new content

Choose Plugin → “Cloud-Zoom”

Go to tab “Plugin”

Insert images to the field “Zoom images”

Define the titles in “Image title” (one caption per line)

Configure the Cloud-Zoom presentation in tab “Setting”

Define the color and transparency settings in tab “Color”

Use special options for your Cloud-Zoom in “Special”

Add “Cloud-Zoom” to content images¶

To add this, you have to modify the tt_content.image.20 in your setup. Please see the example in static/setup.txt

Go to Web → Page

Add content type “Text with image”

Go to tab “Media”

Enable the “Cloud-Zoom - Activate”

Choose a “Cloud-Zoom - Zoom factor”

Change the image width and height if you like

Add title for the images into “Title Text”

All other information's (position, options etc.) comes from the setup.

Add “Cloud-Zoom” to tt_news¶

To add this effect to a news entry, you have to activate the Cloud- Zoom for every item individually.

Go to Page → List

Go to the SysFolder where you store your news item

Edit the item you want to extend with the Cloud-Zoom

Go to tab “Media”

Enable the “Cloud-Zoom - Activate”

Choose a “Cloud-Zoom - Zoom factor”

Insert captions to the “Caption”

All other information's (position, options etc.) comes from the setup.

Add “Cloud-Zoom” to tt_productss¶

To add this effect to a product detail, you have to activate the Cloud-Zoom for every item individually.

Go to Page → List

Go to the SysFolder where you store your products

Edit the product you want to extend with Cloud-Zoom

Enable the “Cloud-Zoom - Activate”

Choose a “Cloud-Zoom - Zoom factor”

All other information's (position, options etc.) comes from the setup.

useSelectInsteadCheckbox¶

Reference¶

plugin.tx_ifcloudzoom_pi1

plugin.tx_jfcloudzoom_pi1.normal {
  position = right
  zoomWidth = 200
  zoomHeight = auto
  showTitle = 1
  titleOpacity = 0.2
}

page.10.marks.HEADER_IMAGE < plugin.tx_jfcloudzoom_pi1

FAQ¶

0.0.1¶

0.0.2¶

0.1.0¶

0.2.0¶

0.3.0¶

0.3.1¶

1.0.0¶

1.1.0¶

1.1.1¶

1.1.2¶

1.1.3¶

1.2.0¶

1.2.1¶

1.2.2¶

1.3.0¶

1.3.1¶

1.3.2¶

1.3.3¶

1.3.4¶

1.3.5¶

1.3.6¶

1.3.7¶

1.3.8¶

1.3.9¶

1.3.10¶

1.3.11¶

1.3.12¶

1.3.13¶

13