JonDesign's SmoothGallery ^{2.0 !}

Hi, I've almost solved it now.

1. I had to edit jd.gallery.js. I had to add rel="lighbox" to .addClass('open'), like this:

            this.currentLink = new Element('a').addClass('open').setProperties({
                href: '#',
                title: '',
                rel: 'lightbox[smoothgallery]'

2. Remove the very last line in slimbox.js.
3. I changed the <script>-part in activation of SmoothGallery in the html-file ( added Lightbox.init(); )

      <script type="text/javascript">
          function startGallery() {
             var myGallery = new gallery($('myGallery'), {
                timed: false,
                defaultTransition: "fadeslideleft"
              });
              Lightbox.init();
          }
          window.onDomReady(startGallery);
      </script>

But it's still something wrong!

Edit: I fixed it! I had to edit slimbox.css: z-index: 9999; in #lbOverlay, and z-index: 99999; in #lbCenter, #lbBottomContainer {.

Last edited by Jooakim (2008-02-25 04:16:30)

It will fade the background as well.

Got that next/previous problem too, but It wasn't nesseccary for me, so I haven't looked in to it.

Hi RADE,
Instead of  inserting Lightbox.init(); try inserting Slimbox.scanPage(); and guess what, it works without removing the last line in slimbox.js this btw is for version 1.51 not sure of the latest version but its worth trying. Let me know if it works for the latest version.

Hi sayedwasim,

i think i have done all changes:

1.) edit jd.gallery.js

this.currentLink = new Element('a').addClass('open').setProperties({
  href: '#',
  title: '',
  rel: 'lightbox[smoothgallery]'

2.) Remove the very last line in slimbox.js

/* window.addEvent("domready", Slimbox.scanPage); */

3.) I changed the <script>-part in activation of SmoothGallery in the html-file ( added Slimbox.scanPage(); )

<script type="text/javascript">
  function startGallery() {
    var myGallery = new gallery($('myGallery'), {
      timed: false
    });
    Slimbox.scanPage();
  }
  /* window.onDomReady(startGallery); */ /* old??? */
  window.addEvent('domready',startGallery);
</script>

4.)  edit slimbox.css: z-index: 9999; in #lbOverlay, and z-index: 99999; in #lbCenter, #lbBottomContainer

Now the SlimBox-Preload will shown all the time, when i click on a image.

I'm using SlimBox 1.52 too, so i must have made mistake, or you have forgotten to say me a modification

Have a look at the source... http://www.christian-koewing.de/SmoothBoxedGallery.zip

Thanks for your help

PS: Damn two more changes and the SmoothBox would be perfect^^

1. Do you know a mootools using Preloader for the complete Gallery? (SmoothGallery visible, when images loaded)
2. SmoothGallery upgrade to mootools 1.2 (for the new SlimBox 1.63 with Opera 9.5 Support)

Last edited by RADE (2008-06-25 02:09:43)

I have tested it with Avant Browser (Internet Explorer 6), Opera 9.21 and FireFox 3.0 Beta 4.

Avant : boxed_demo = Gallery loaded, but SlimBox hang on image-click | boxed_demogroup = not loaded, images listed on page
Opera : boxed_demo = Gallery loaded, but SlimBox hang on image-click | boxed_demogroup = not loaded, images listed on page
FireFox : boxed_demo = not loaded, images listed on page | boxed_demogroup = not loaded, images listed on page

to Point 1: When your Preload run's with the demogroup you are my hero ...i want to have a gallerygroup on my page and sometimes the SmoothGallery hang, i think because of the many images.

to Point 2: let's change the code to upgrade the SmoothGallery to mootools 1.2. I'm a C# Programmer and not a Web-Specialist (AJAX, PHP, JS, aso.), but i understand the code *i think^^*. my problem is, that i don't know the js-code-standards.

Yes i want to use more than one gallery, a group of 2 or 3 gallerys.

What did you mean with manualData ( this??? )? What must i change for that? ...is the
gallery loading always only the one image in this mode? ...and wenn i switch
to next it loads the next? That would be perfect.

Point 2: that's exactly my problem^^ *damn* ...but when we find a description of
changes from mootools 1.11 to 1.2, it should be possible to fix it, i wont wait for jon^^

http://blog.mootools.net/2008/6/12/moot … s-official

PS: Excuse my english, i hope it's not to bad^^ i'am from germany, where are you from? Is Wasim Al-Haddad your name?

Last edited by RADE (2008-06-25 04:14:36)

Well yes from what i'm experiencing, the images are loaded one at a time and when switching to next it loads the next one.

Yes my name is Wasim. I'm from Kenya. May be if you are on Yahoo! we could chat sometime.

Sorry didn't get time to have a look at your source, but yeah you can compare it with my source, and javascript which is at the root.

I don't have ICQ sorry!

Hi,
i have resolved the problem. i've forgotten the header
<code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></code>

Now i've another problem. The next and previous button don't work. Praticly i've 10 images but i see with the next only 2 images. And the next image isn't the next in order but this is take randomly. For exemple sometimes compare the same image next and previously.

Sorry for my bad english

Thanks for the attention

still no news about getting browsing to work while zoomed in in slimbox? Being able to browse while zoomed would make my website much easier to use, but I don't know enough javascript to get it working correctly. Help would be greatly appreciated.

Thx,
DungFu

Last edited by DungFu (2009-08-11 12:24:28)