JonDesign's SmoothGallery ^{2.0 !}

jon1012 wrote:

That slimbox for smoothgallery replaces the gallery's populate code... (Which was only needed to fix a bug which is now fixed upstream)
You have to modify the code accordingly to the new system in sg 2.0

ok thx... so i guess this is a quite hard thing, including the preloader and everything?

I hate to tell you this, but the SmoothGallery on this website is extremely buggy on both Firefox & IE.  Often opening the wrong image or bad rendering of lightbox.

Work in progress, sorry

IE isn't a valid navigator for me, that's why IE isn't supported at my sites (at least at beginning). And the bad rendering of lightbox are the 'non-critical issues' that i refered.

Last edited by OnekO (2007-10-12 08:19:38)

this one is working for me, with slimbox extended. I'll put it online in a few days...

You just have to add an option, like this:
var myGallerySet = new gallery($("myGallery"), {
    timed: false,
        slimboxRev:"height=300px, width=500px"  // <===== this is the line to add

});
It allows you to disable slimbox (just don't add slimbox option) or to change dimensions easily. There's also a simple test to check for slimbox - (it should use Lightbox object).

this is my makeLink function:


    makeLink: function(num) {
        options=this.options;
        legend=this.galleryData[num].title+'::'+this.galleryData[num].description; //DW pour slimbox
        this.currentLink.setProperties({
            href: this.galleryData[num].link,
            title: this.galleryData[num].linkTitle,
        }).addEvent('click', function(event){ //DW ADDEVENT (pour slimbox)
            event = new Event(event);
            if((typeof(Lightbox)!="undefined")&&(typeof(options.slimboxRev)!="undefined")){
                event.stop();
                Lightbox.show(this.href,  legend, options.slimboxRev);
            }
        });

        if (!((this.options.embedLinks) && (!this.options.showArrows) && (!this.options.showCarousel)))
            this.currentLink.setStyle('display', 'block');
    },

Last edited by dolly2 (2007-11-20 10:02:30)

I tried this code and I still can't get the lightbox effect to work. Darn! I appreciate the effort to get this to work!

dolly2 wrote:

this one is working for me, with slimbox extended. I'll put it online in a few days...

You just have to add an option, like this:
var myGallerySet = new gallery($("myGallery"), {
    timed: false,
        slimboxRev:"height=300px, width=500px"  // <===== this is the line to add

});
It allows you to disable slimbox (just don't add slimbox option) or to change dimensions easily. There's also a simple test to check for slimbox - (it should use Lightbox object).

this is my makeLink function:


    makeLink: function(num) {
        options=this.options;
        legend=this.galleryData[num].title+'::'+this.galleryData[num].description; //DW pour slimbox
        this.currentLink.setProperties({
            href: this.galleryData[num].link,
            title: this.galleryData[num].linkTitle,
        }).addEvent('click', function(event){ //DW ADDEVENT (pour slimbox)
            event = new Event(event);
            if((typeof(Lightbox)!="undefined")&&(typeof(options.slimboxRev)!="undefined")){
                event.stop();
                Lightbox.show(this.href,  legend, options.slimboxRev);
            }
        });

        if (!((this.options.embedLinks) && (!this.options.showArrows) && (!this.options.showCarousel)))
            this.currentLink.setStyle('display', 'block');
    },

Do you have a way to make the slim bow auto-resize to the images size?  W/O the rev w&h outlined?