Greetings
I have integrated the Galleria Slideshow functionality (JQuery - http://devkick.com/lab/galleria/) to the Image Gallery Module
Its great for a lightweight slideshow (non pop up)
Here's the code I have implemented - testing and feedback appreciated - lets make this a reusable snippet!
in class ImageGalleryPage
######################
line 245 Add
case "None":
self::includeForGalleria();
break;
######################
line 250 Replace custom script with
Requirements::customScript("
//Cycle slideshow
$(function() {
$('#slideshow1').cycle();
$('#slideshow2').cycle({
prev: '#prev',
next: '#next',
timeout: 0
});
$('#slideshow3').cycle({
delay: 2000,
speed: 500,
before: onBefore
});
function onBefore() {
$('#title').html(this.alt);
}
});
");
######################
line 312 Add
private static function includeForGalleria()
{
Requirements::javascript('mysite/javascript/jquery.galleria.js');
Requirements::css('mysite/css/galleria.css');
}
######################
line 453 Add
public function GallerySlideShow() {
return $this->GalleryItems($this->renderWith("GallerySlideShow"));
}
####################
Template View
Include <% GallerySlideShow %>
####################
<div id="slideshow3" style="position: relative;" class="pics">
<% control GalleryItems %>
<img src="$ViewLink" alt="$Title" />
<% end_control %>
</div>
