Coppermine Photo Gallery Users - Get rid of those butt fugly CPG popups

[Vin DSL]

Dude!

I've been messing with CPG for over 3 years - and finally got rid of the $%&# popup box!!!

Check it out (click to view full size pic): http://www.lenon.com/modules.php?nam...ed&cat=0&pos=2

Here's what I used: http://www.huddletogether.com/projects/lightbox/

Man, I am sooooo happy to get rid of that stupid popup!!!

EDIT

Actually, I used Lightbox2: http://www.huddletogether.com/projects/lightbox2/

[JPC-Greg]

Making use of the newly added smilies I see

[Vin DSL]

Yep! I like change...

Nice addition[s]!

[Vin DSL]

Here's a cute hack (lightbox.js)...

Resizes the containers & images so they are no bigger than the current browser window:

     //
     //     changeImage()
     //     Hide most elements and preload image in preparation for resizing image container.
     //
     changeImage: function(imageNum) {     
          
          activeImage = imageNum;     // update global var

          // hide elements during transition
          if(animate){ Element.show('loading');}
          Element.hide('lightboxImage');
          Element.hide('hoverNav');
          Element.hide('prevLink');
          Element.hide('nextLink');
          Element.hide('imageDataContainer');
          Element.hide('numberDisplay');          
          
          imgPreloader = new Image();
          
          // once image is preloaded, resize image container and
          // the image so it's no bigger than the current window
          imgPreloader.onload=function(){
               Element.setSrc('lightboxImage', imageArray[activeImage][0]);
               // start hack
               if (imgPreloader.height > 600){
               imgPreloader.width = parseInt((600/imgPreloader.height) * imgPreloader.width)
               imgPreloader.height = 600
               }else if(
               imgPreloader.width > 600){
               imgPreloader.height = parseInt((600/imgPreloader.width) * imgPreloader.height)
               imgPreloader.width = 600}
               // end hack
               Element.setWidth( 'lightboxImage', imgPreloader.width - (borderSize * 2));
               Element.setHeight( 'lightboxImage', imgPreloader.height - (borderSize * 2));
               myLightbox.resizeImageContainer(imgPreloader.width, imgPreloader.height);
               imgPreloader.onload=function(){};     //     clear onLoad, IE behaves irratically with animated gifs otherwise
          }
          imgPreloader.src = imageArray[activeImage][0];
     },

Example: http://www.lenon.com/modules.php?nam...album=7&pos=39

This was a monster!

[Vin DSL]

Actually, I think this works better...

     //
     //     changeImage()
     //     Hide most elements and preload image in preparation for resizing image container.
     //
     changeImage: function(imageNum) {     
          
          activeImage = imageNum;     // update global var

          // hide elements during transition
          if(animate){ Element.show('loading');}
          Element.hide('lightboxImage');
          Element.hide('hoverNav');
          Element.hide('prevLink');
          Element.hide('nextLink');
          Element.hide('imageDataContainer');
          Element.hide('numberDisplay');          
          
          imgPreloader = new Image();
          
          // once image is preloaded, resize image container and
          // the image so it's no bigger than the current window
          imgPreloader.onload=function(){
               Element.setSrc('lightboxImage', imageArray[activeImage][0]);
               // start hack
               if (imgPreloader.height > 600){
               imgPreloader.width = parseInt((600/imgPreloader.height) * imgPreloader.width)
               imgPreloader.height = 600
               }else if(
               imgPreloader.width > 800){
               imgPreloader.height = parseInt((800/imgPreloader.width) * imgPreloader.height)
               imgPreloader.width = 800}
               // end hack
               Element.setWidth( 'lightboxImage', imgPreloader.width - (borderSize * 2));
               Element.setHeight( 'lightboxImage', imgPreloader.height - (borderSize * 2));
               myLightbox.resizeImageContainer(imgPreloader.width, imgPreloader.height);
               imgPreloader.onload=function(){};     //     clear onLoad, IE behaves irratically with animated gifs otherwise
          }
          imgPreloader.src = imageArray[activeImage][0];
     },

[Ron]

Very nice look, Vin.

[Vin DSL]

Very nice look, Vin.

Thanks!

That CPG box has been bugging me for years!

Heh!

If they weren't so pissed off at me for running v1.1D, maybe CPG would invite me to be on their dev team again...

Some broad over there threatened to sue me a while back, so I don't think that's gonna happen, you know?