jQuery is much easier, especially if you are a beginner. What I mean for you to do is try the following:
1. Include jQuery js library to your site template.
2. Change the js in afficher-vignette1 chunk to the following (this expects that you have used id="vignette[+maxigallery.picnumber+]" in the mgGalleryPicture chunk and not the name attribute):
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
$("#maxImage").onclick();
});
//]]>
</script>
3. Replace the showPic function in mgJs chunk with this:
<script type="text/javascript">
//<![CDATA[
function showPic(url,title,descr,width,height) {
$("#maxImage").fadeOut("fast", function(){
$("#maxImage").attr({
src: url,
width: width,
height: height
});
$(this).fadeIn("fast");
});
$("#maxTitle").html(title);
$("#maxDescr").html(descr);
}
//]]>
</script>
That showPic function will at the same time add some fade in / out transition coolness..
