Table of Contents
EPiImage
EPiImage is an award winning, free module that provides image scaling functionality, as well as two new property types: EPiImage Property that extends “URL to image” with a preview, and EPiImageGallery Property that provides a editor friendly way to add pictures to a gallery including drag and drop sorting, drag and drop adding of images from the file action menu (including whole folders), description texts, links etc.
For a quick 2 minute intro to EPiImage check out this video:
It consists of 5 parts:
- EPiImage Resizer (User Control): Resize images automatically with caching.
- EPiImage Property: Extends "URL to image" with preview and description/alt text
- EPiImageGallery Property: Create an image gallery with previews, description/alt texts, links and drag and drop sorting & adding.
- EPiImageGallery Viewer (User Control): Sample implementation of using a EPiImage Gallery Property
- EPiImageGallery Grid (User Control): Another sample implementation of using a EPiImage Gallery Property
The resizer provides fast image resizing with caching.
The EPiImageGallery property in edit mode. With drag and drop adding of images straight from the file action menu.
Sample slideshow user control for rendering EPiImageGallery Properties: EPiImage Gallery Viewer
Another sample user control for rendering EPiImageGallery Properties: EPiImage Gallery Grid
Features
See the individual parts for details about functionality and usage.
- EPiImage Resizer (User Control)
- EPiImage Property
- EPiImageGallery Property
- EPiImageGallery Viewer (User Control)
- EPiImageGallery Grid(User Control)
Current version
The current version is 2.9.1. (File version: 2.9.1.0)
Download
EPiImage.2.9.1.epimodule (For EPiServer CMS 6 & CMS 6 R2 Only. ASP.Net 3.5)
- Browse the source online (requires login)
- Check out the source with TortoiseSVN (requires login and TortoiseSVN installed)
Also available at EPiServer's Nuget feed
EPiImage 1.5 is also available: Works with EPiServer CMS 5 R2 SP2 & CMS 6 R1: EPiImage1.5.epimodule
Installation
Install the .epimodule file using the EPiServer Deployment Center or from EPiServer's Nuget feed
There are two demo page types available in the /EPiImage/DemoTemplates/ folder. Import the EPiImageDemoPageTypes.episerverdata file to import the page types. Requires EPiServer CMS 6 R2 with the Alloy demo.
Configuration
No configuration is needed, but some configurations are available. See the configuration page for more information.
Known limitations
- If the editor changes the image file and doesn't save it with a new file name, the old scaled image will still be cached. Clear the cache in admin using the "EPiImage Cleanup" tool.
- You can't add an EPiImageProperty or a EPiImageGalleryProperty to a Dynamic Content.
Support
Tickets for this component:
- #208
- Two EPiImage properties on one page only renders the last one
- #209
- Remove HttpContext dependency
- #214
- Prev- next buttons
- #217
- Default.aspx
- #220
- EPiImage Delete and AltText links
- #221
- EPiImage images renaming
- #228
- Make configuration use standard asp.net features
- #234
- Request for language files and Norwegian translations
- #245
- Stack overflow in EPiImageGalleryImageCollection
- #246
- double slashes causes exception
- #251
- Gallery property is not rendering in Chrome
- #252
- Slides with empty IDs are created and cannot be removed
- #255
- Problem with unique value per language for Image Gallery
- #257
- Possible bug?
- #258
- Broken image when cancel out of file manager
- #259
- EPiImageGalleryProperty disappears in Edit-mode when another property using jqueryUI is on the page
- #260
- Possibility to have an fallbackimage to usercontrols?
- #271
- Unable to remove empty image frames from gallery.
- #272
- The gallery property doesn't work in chrome
- #274
- EPiImageResizer: Alt attribute is required on images
- #276
- Images disappear
- #282
- Bug when using EPiImageGalleryProperty in PageTypeBuilder 2.0 PropertyGroup
- #286
- Image disappears if its URL contains ampersand
- #289
- Unable to compare pages that has an EPiImageGallery property
- #292
- Drag and Drop Folder does not work with space in folder name
- #293
- Drag and Drop Folder causes unexpected behaviour when folder empty
- #299
- EPiImageResizer doesn't seem to work if image is located in folder with space in folder name.
- #300
- EPiImage Checkout issue
- #301
- Saving without publishing duplicates images in the view
- #304
- EPiImage Gallery stopped working
- #305
- Clean-up job issue in load balanced environment with shared VPP
- #308
- EPiImageGalleryImageCollection becomes empty after some period of time
- #310
- Images referred by EPiImage ignored by mirrorservice
- #313
- Access right EPiImage Cleanup
- #315
- Resize image of same aspect ratio fails sometimes
- #316
- After creating a new version of an image, the edit mode thumbnail is not updated
- #317
- Property EPiImageGallery doesn't show control for adding images in edit state.
- #321
- EPiImage Improvements
- #326
- Moving an Image Issue
- #328
- EPiImage issues
- #344
- Deserialize issue when using EPiImage with ElencySolutions.MultipleProperty
Requires login.
Report a bug
Requires login.
Add a feature request
Requires login.
Documentation
- EPiImage Resizer (User Control)
- EPiImage Property
- EPiImageGallery Property
- EPiImageGallery Viewer (User Control)
- EPiImageGallery Grid(User Control)
- Configuration
Awards
Awarded "EPiCode Module of the Year 2010"
Requirements
Runtime:
- EPiServer CMS 6 and CMS 6 R2
- .NET 4
If you want to change and compile the source code:
- Visual Studio 2010
- To create the module you need 7-Zip installed (free)
Contributed by
Alexander Haneng (Making Waves)
Want to help?
This module wouldn't be possible without help from the community (see the acknowledgement list further down).
If you like to help please check the list below for what we currently need help with:
- How does EPiServer trigger the file copy behavior described in bug #257?
Acknowledgements
- Thanks to Thomas Leela at EPiNova for adding the drag and drop of files and folders from the action window.
- Thanks to Jon Espen Kvisler at Prokom for helping with bug #271
- Thanks to Fredrik Lange at Metamatrix for beta testing v. 2.5
- Thanks to Sveinung at BV Network for fixing a big bug and providing feedback
- Thanks to Andreas Knudsen at Forse AS for adding the PageLink attribute to EPiImageResizer
- Thanks to Steve Celius at BV Network for great feedback, refactoring, improvements, installer etc.
- Thanks to Mari Jørgensen at BV Network for feedback and beta testing.
- Thanks to the Making.Common team in Making Waves Poland. I got a lot of inspiration from the MakingWaves.Common.Web.Image control.
- Thanks to Krzysztof Szczęsny at Making Waves Poland for help implementing the slide functionality used for the EPiImage Gallery Viewer
(If I forgot to add you to this list, please let me know. Thank you for helping out with the module)
Attachments
- EPiImageGallery Edit 2.png (106.7 KB) - added by alexander@… 11 years ago.
- ImageTransformations.png (82.0 KB) - added by alexander@… 11 years ago.
- EPiImage0.92BETA.zip (516.8 KB) - added by alexander@… 11 years ago.
- EPiImage Edit.png (25.0 KB) - added by alexander@… 11 years ago.
- EPiImage Description.png (122.9 KB) - added by alexander@… 11 years ago.
- EPiImageGallery Viewer.png (208.0 KB) - added by alexander@… 11 years ago.
- EPiImageProperty.png (4.2 KB) - added by alexander@… 11 years ago.
- Installation2.png (27.3 KB) - added by alexander@… 11 years ago.
- EPiImage0.93BETA.zip (516.9 KB) - added by alexander@… 10 years ago.
- EPiImage0.97BETA.zip (25.0 KB) - added by alexander@… 10 years ago.
- EPiImage0.99BETA.zip (25.2 KB) - added by alexander@… 10 years ago.
- EPiImage1.0beta.epimodule (26.3 KB) - added by alexander@… 10 years ago.
- EPiImage1.01beta.epimodule (31.2 KB) - added by alexander@… 10 years ago.
- EPiImage1.02beta.epimodule (31.2 KB) - added by alexander@… 10 years ago.
- EPiImage1.04beta.epimodule (98.9 KB) - added by alexander@… 10 years ago.
- EPiImage1.05beta.epimodule (128.7 KB) - added by alexander@… 10 years ago.
- EPiImage1.06beta.epimodule (159.0 KB) - added by alexander@… 10 years ago.
- EPiImageResizer.jpg (18.8 KB) - added by alexander@… 10 years ago.
- EPiImage1.07beta.epimodule (159.0 KB) - added by alexander@… 10 years ago.
- EPiImage1.1.epimodule (158.9 KB) - added by alexander@… 10 years ago.
- EPiImage1.2.epimodule (159.0 KB) - added by alexander@… 10 years ago.
-
EPiImage1.5.epimodule
(160.2 KB) -
added by alexander@… 10 years ago.
Version 1.5
- YouTube.png (147.7 KB) - added by alexander@… 10 years ago.
- SaveImagesOtherPlacesThanPageFiles.patch (37.8 KB) - added by alexander@… 10 years ago.
- EPiImage2.0.public.beta.zip (172.9 KB) - added by alexander@… 10 years ago.
- EPiImage2.0.public.beta.cms6r2..zip (318.4 KB) - added by alexander@… 10 years ago.
- EPiImage.2.0.public.beta2.epimodule (179.6 KB) - added by alexander@… 10 years ago.
- EPiImage.2.0.epimodule (179.7 KB) - added by alexander@… 10 years ago.
- EPiImageGalleryGrid.png (247.0 KB) - added by alexander@… 10 years ago.
- EPiImage.2.5.beta.1.epimodule (180.8 KB) - added by alexander@… 10 years ago.
- EPiImage.2.5.beta.2.epimodule (180.8 KB) - added by alexander@… 10 years ago.
- EPiImage.2.5.beta.3.epimodule (180.8 KB) - added by alexander@… 9 years ago.
- EPiImage.2.5.epimodule (180.8 KB) - added by alexander@… 9 years ago.
- EPiImage.2.7.epimodule (181.1 KB) - added by alexander@… 9 years ago.
- EPiImage.2.8.epimodule (183.1 KB) - added by alexander@… 9 years ago.
- EPiImage.2.9.epimodule (214.3 KB) - added by alexander@… 9 years ago.
- mw.png (773 bytes) - added by alexander@… 9 years ago.
- EPiImage.2.9.1.epimodule (214.6 KB) - added by alexander@… 9 years ago.
- Blupp.png (3.1 KB) - added by alexander@… 9 years ago.
- MakingWaves.EPiImage.LegacyEPi7.7.0.0.10.nupkg (250.2 KB) - added by alexander@… 8 years ago.