I use SimpleViewer to display some of the image galleries on my personal WordPress blog and decided I wanted to change the caption location. Moving the caption to below the image itself instead of below the thumbnails is easy however you must have the source code that comes with purchasing the product. I figure it is worth the money if this is a gallery you are using as it would cost much more in time to develop the gallery yourself.
The default location of the caption is shown below in the image.
The new location is shown in the image below.
Not only will the SimpleViewer Pro version be required but also Adobe Flash will be required so if you do not have it you can download a 30 day free trial here. Follow the instructions below the modify the image caption location.
- Open Options ActionScript: Open the Options.as file located in the simpleviewer_pro\source\com\airtightinteractive\apps\viewers\simpleViewer directory.
- Modify Caption Setting: Now modify the setting that decides if the Caption is displayed underneath the thumbs or not. The setting that needs to be modified is captionUnderThumbs. Locate that variable in the Options.as file and modify it from true to false so it looks like the below.
- static var captionUnderThumbs:Boolean = false; //Whether to show the captions under the thumbnails or the main image
Once the change has been made save the file.
- Publish New SWF: Now republish the .fla file to generate a new .swf file. This can be completed by opening Adobe Flash and navigating to the simpleviewer_pro\source folder and opening simpleviewer.fla. Now click on File in the top navigation menu and select Publish from the drop down. This will generate a new viewer.swf file located in the simpleviewer_pro\web directory.
- Upload SWF File: Now upload the new viewer.swf file to your web server under the wp-content/plugins/nggflash-swf folder to push the changes live on your server.
You should now be able to refresh any of your image galleries using SimpleViewer and immediately see the change to the caption text. If the caption text still appears in the same location the chances are that your browser has cached the older file so clear your browser cache and try again.