One Example of Monoslideshow EE Usage
Monoslideshow Flash© Slideshow has been used successfully with Expression Engine’s Photo Gallery Module. Monoslideshow costs $19.95US and is available via website download.
Below is a sample implementation of exporting an Expression Engine feeds into Monoslideshow. Much of the source of this documentation is courtesy of Mike Boyink at http://boyink.com of Boyink Interactive.
Monoslideshow URL: http://www.monoslideshow.com/
Expression Engine Plugin Required: Extract URL Plus
Instead of using the standard EE fields, this method requires the creation of custom fields for your weblog/section entries.
Expression Engine Custom Fields Used:
{thumbnail}
{full_size_image}
Sample EE Template Found at Boyink.com
http://www.boyink.com/splaat/comments/monoslideshow-and-expressionengine/
<slideshow>
{exp:weblog:category_archive weblog="photoblog" style="linear"}
{categories}
<album thumbnail="{site_url}{category_image}" title="{category_name}" description="{category_description}" imagePath="path_to_your_images/" thumbnailPath="path_to_your_thumbnails/">
{entry_titles}
{exp:weblog:entries weblog="photoblog" orderby="date" category="{category_id}" sort="desc"}
<img src="{exp:extract_url_plus show="fullfilename"}{full_size_image}{/exp:extract_url_plus}" title="{title}" description="{title}" thumbnail="{exp:extract_url_plus show="fullfilename"}{thumbnail}{/exp:extract_url_plus}"/>
{/exp:weblog:entries}
{/entry_titles}
</album>
{/categories}
{/exp:weblog:category_archive}
</slideshow>
Note: Using this template assumes all the photos for the slideshow are found in the same directory.
Sample Output Code Taken From Boyink.com Photoblog:
Found at: http://www.boyink.com/splaat/photoblog_xml/
<slideshow>
<album thumbnail="http://www.example.com/images/photoblog/IMG_4601_thumb.jpg" title="All" description="The master list of all images" imagePath="http://www.example.com/images/photoblog/" thumbnailPath="http://www.example.com/images/photoblog/">
{entry_titles}
<img src="image_1.jpg" title="Title 1" description="Title 1" thumbnail="image_1_tn.jpg"/>
<img src="image_2.jpg" title="Title 2" description="Title 2" thumbnail="image_2_tn.jpg"/>
{/entry_titles}
</album>
</slideshow>
~
Note: Monoslideshow’s “Title” and “Description” are optional fields.
~
Category:Tricks Category:Tips Category:HowTo