Different ways to handle images
You don't necessarily need to use an extension module to arrange and align images on a page (though there are lots of nice TYPO3 photo gallery modules available), TYPO3 has built in "text with image", and "image only" content elements for nicely doing just that.
Horizontally in Columns
Three images in a row, each with a different alt tag and link to a different page (on or off site). Here are the images:
- This image has a caption
Horizontally in Columns (2 rows)
Three images in a row, each with a different alt tag and link to a different page (on or off site).
- This image has a caption
- Here's another caption
Horizontally with Image Enlargements
Images in a row, each image clickable to view a larger version.
This is the default "click-enlarge" behaviour, through the installation of various extension modules, "lightbox", and other fancy effects can be given to the image enlargements.
- This image has a caption
Vertically Next to Text (2 columns)
- This image has a caption
- Here's another caption
Two columns of images, could be to the left or to the right of the text, optionally may have links, alt tags, captions, etc.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam enim elit, mollis sit amet commodo ullamcorper, faucibus vel nisi. Praesent ac lacus vitae lectus imperdiet adipiscing. Nulla pulvinar blandit posuere. Phasellus tincidunt tempus nunc, vel congue dui commodo non. Proin sapien nulla, posuere ut consequat a, rhoncus sit amet orci. Vestibulum scelerisque elementum lobortis. Praesent non imperdiet sem. Pellentesque sem quam, sollicitudin nec gravida mattis, lacinia eu leo. Pellentesque vel ultricies odio. Pellentesque a metus vel est interdum viverra. Vestibulum at eros id lacus eleifend vestibulum quis elementum erat. Proin quis orci in nibh mollis cursus in eget ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis ultricies fermentum massa, id pharetra est mattis in. Fusce quis mi id neque lacinia vehicula. Aenean at felis velit. Donec congue molestie sapien, in rutrum augue imperdiet et. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris eleifend neque vel nisi tempor eget posuere turpis malesuada. Integer laoreet scelerisque odio sed accumsan.
Curabitur urna magna, lacinia non accumsan sit amet, suscipit sit amet lectus. Integer id sollicitudin diam. Maecenas vitae dui et mauris faucibus suscipit ut nec neque. Suspendisse potenti. Cras leo lectus, ornare iaculis luctus molestie, gravida interdum ipsum. Suspendisse eu orci nec arcu euismod vestibulum. Ut accumsan enim dapibus neque ornare eu porttitor nisl bibendum. Phasellus metus ligula, volutpat ut pharetra at, molestie et mi. Duis ac orci leo. Integer et diam erat, et laoreet metus. Donec ut orci condimentum dui tincidunt congue. Ut eget urna nunc, sed volutpat enim. Nulla quis accumsan velit. Nam augue leo, luctus eget blandit vitae, elementum ac mauris. Sed id sem in libero pellentesque rhoncus a in ligula. Duis ut urna massa. Nam at dignissim mi. Duis et turpis eu nibh blandit commodo.
Vertically Next to Text (1 column, big pictures)
- Some text here
- This image has a caption
The number of columns and size and position of the images can be set as required.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam enim elit, mollis sit amet commodo ullamcorper, faucibus vel nisi. Praesent ac lacus vitae lectus imperdiet adipiscing. Nulla pulvinar blandit posuere. Phasellus tincidunt tempus nunc, vel congue dui commodo non. Proin sapien nulla, posuere ut consequat a, rhoncus sit amet orci. Vestibulum scelerisque elementum lobortis. Praesent non imperdiet sem. Pellentesque sem quam, sollicitudin nec gravida mattis, lacinia eu leo. Pellentesque vel ultricies odio. Pellentesque a metus vel est interdum viverra. Vestibulum at eros id lacus eleifend vestibulum quis elementum erat. Proin quis orci in nibh mollis cursus in eget ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis ultricies fermentum massa, id pharetra est mattis in. Fusce quis mi id neque lacinia vehicula. Aenean at felis velit. Donec congue molestie sapien, in rutrum augue imperdiet et. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris eleifend neque vel nisi tempor eget posuere turpis malesuada. Integer laoreet scelerisque odio sed accumsan.
Curabitur urna magna, lacinia non accumsan sit amet, suscipit sit amet lectus. Integer id sollicitudin diam. Maecenas vitae dui et mauris faucibus suscipit ut nec neque. Suspendisse potenti. Cras leo lectus, ornare iaculis luctus molestie, gravida interdum ipsum. Suspendisse eu orci nec arcu euismod vestibulum. Ut accumsan enim dapibus neque ornare eu porttitor nisl bibendum. Phasellus metus ligula, volutpat ut pharetra at, molestie et mi. Duis ac orci leo. Integer et diam erat, et laoreet metus. Donec ut orci condimentum dui tincidunt congue. Ut eget urna nunc, sed volutpat enim. Nulla quis accumsan velit. Nam augue leo, luctus eget blandit vitae, elementum ac mauris. Sed id sem in libero pellentesque rhoncus a in ligula. Duis ut urna massa. Nam at dignissim mi. Duis et turpis eu nibh blandit commodo.