Image effect

We have seen several modules for making image styles.. (eg Focal Point, Imagick,..) This one is interresting for making images of the same size without loss of pixels. The empty space is filled with a white background.

An example.

image-effect.gif

Look at the empty space above en beneath.

Screen000785.png

Image Hover Effects

Add some hovr effects on your images in nodes and views.

With a little CSS (use Asset injector), you can display images in an attractive way. Take an image style larger than you CSS width. When zooming in the image will still show acceptable resolution.

Screen000779_0.png
Screen000780_0.png

Display mode:

ImageLightbox

Display of images in nodes and views with this simple module. No third party needed.

Configure...

Screen000633.png

You can configure that all images display as inline elements.

Screen000634.png

When clicking on the images.

Screen000630.png

AutoFloat

This module lets images float left and right in the CKEditor alternately.

Screen000509.png

You can switch the first image.. Works with the insert module too...
Screen000510.png

When you don't want to autofloat... you need to use the class 'nofloat'.


Screen000512.png

Jquery Carousel

Another gallery for displaying multiple images in a field. Fully responsive and swipeable.. or watch the slider..

I like the possibilities and the simplicity of this module.

Screen000435.png

Vertical.. yes

Screen000440.png

Look at all these settings..

Screen000436.png

Media watermark

Module that adds a watermark on an image. There is a batch tool to do so on file level.

First you make a watermark and configure the place on the figure (-50px vertical margin= up)

Screen000326.png

Configure

Screen000327.png

Add the watermark to the files you want.

Taggd

Initially made for tagging faces in an image. You can use this also to put info on the image. Use the new field.

Screen000345.png

Click on the image and fill in.


Screen000346.png

In the display mode of the field, you can choose between clicking or mouse over.

SVG Formatter/ SVG image Field

An image of the SVG (Scalable Vector Graphics) type can not be used in Drupal. Not even by adding the filetype in an imagefield setting. Illustrator and Coreldraw use SVG formats. It has some advantages (sharp, less memoryspace,...)

Screen000319.png

 

SVG Formatter and SVG Image field are simular modules. Both do the same. The dirfference is that one uses a file field and the other has a seperate svg field.

Here the display of the svg image field...