Mousover gallery splits the content into two columns where the right part contains the thumbs and the left part contains the enlarged image created by moving the mouse over the thumbs.
If you split the content-division manually by two div-tags with class names right_part and left_part resp you can place your textual content inside the columns and befor oder after the ones. For instance:
Some text or anything else
<div class=”left_part”>Some text or anything else</div>
<div class=”right_part”>Some text or anything else[gallerymo]Some text or anything else</div>
You can change the design by using the gallery options in the preference menu of the dashboard or by CSS in your style.css. There you have to use the !import-feature for overwriting element-styles.
What are the settings?
- Set your main image height and width
- Set thumbnails height and width and position
- Turn on and off the navigation and it’s position
- Browser “Back and Forward” ability
- Sets a direct link to every image in the gallery
- Custom colors via color picker to match your theme – you do not to remember all those HEX numbers
- Thickbox support
- Styled tooltips
- Other less important stuff
To see Mouseover Gallery in action visit : Internetdienste Berlin site
- What images does the gallery use?
The plugin does not use the default image you upload, instead it uses the Medium and Thumbnail versions of it. It is done in order to produce better image quality and to increase performance. The size of these versions are set at Settings > Media. And why is it important? Because if you are running a photo blog or simply plan to use a very big gallery you may need to update the size of you Medium and Thumbnail versions of the image. The default sizes are 300X300 px and 150X150 px respectively. If you plan to set the main image to 960X700 px and/or use larger thumbnails it might be a good idea to set these sizes at the Settings > Media as well.
- How do I add galleries to posts?
Remember, Mouseover Gallery uses the default WordPress Gallery feature.
- Write a new Post or edit an existent.
- Add images to it via the default Upload/Insert >Add an Image.
- On the Add an Image popup click the Gallery tab, Click Insert Gallery and watch your new gallery set.
No changes with respect to the version before, only for better version tagging
Handling of text and other content around the gallery better solved
Now the size of thumbs via options are handled correctly
With embedded jQuery v1.4.2 because the newer versions don’t initialize the first big image after loading