Trouble with Galleria image gallery fade and default image

Question

Using Galleria with frogCMS, but am currentl unable to create fading effects and to display a default image on load (currently only displaying an image on clicking a thumb)

$('ul.gallery').galleria(

onImage(image) { image.css('display','none').fadeIn(); } // not working.

);

// also not working

$('ul.gallery').galleria({

history : true, // activates the history object for bookmarking, back-button etc. clickNext : true, // helper for making the image clickable insert : '#main_image', // the containing selector for our main image onImage : function(image,caption,thumb) { // let's add some image effects for demonstration purposes

// fade in the image & caption

if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { // FF/Win fades large images terribly slow image.css('display','none').fadeIn(1000);} }); });

Any implimentation help would be great!

Answer 1

Heya antpaw. I knocked up a Galleria plugin for a CMS called Indexhibit a few years ago.
Here's the original thread if you're interested.

I believe this should help with default image on load: -

$('galleria li:first').addClass('active');

Do you have live/static demo to view? Which version did you base your gallery on?
The simple or the advanced version?

Also checkout the live demo I for the above mentioned plugin.
Fadiing/transitions work fine. Feel free to copy+paste what you need.

Hope this helps.