We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
MODX Community Forums Archive

Modular setup of external caroussel in smoothgallery

    • 25803 ☆ A M B ☆
    • 721 Posts
    rx2 Reply #21, 17 years, 1 month ago
    I finally got a chance to work on it, (still in progress) and had the initial problem of a perpetual load but just redid the gallery again and it now loads:

    http://garbettart.com/index.php

    Again, still in development/testing/adjusting, etc. but it’s working nicely thus far.

    Had to upload custom thumbnails as the client wants specifically square thumbnails, regardless of the ratio of the image and wants them specifically cropped but that is something a client can be taught to do to replace the tn_x.jpg, etc. in the applicable gallery folder.
      • 25803 ☆ A M B ☆
      • 721 Posts
      rx2 Reply #22, 17 years, 1 month ago
      Having a very annoying problem I can’t seem to solve.

      http://garbettart.com/landscape

      When clicking on a thumbnail to replace one image with the selected image the previous image doesn’t always disappear.
      Anyone ever had this occur and if so were you able to fix it?
        • 10076
        • 1,024 Posts
        Frank Reply #23, 17 years, 1 month ago
        Hi

        Try and give the div that holds the big image a background color.

        in jdgallery.css i think, it is this one:

        .jdGallery .slideElement
{/*changes for the info container separation*/
	float: left;
	position: relative;
	width: 810px;
	height: 395px;
	/* set the background color of the large image here else new images will overlap old images*/
	background-repeat: no-repeat;
	/* changed this to 	background-position: center center; */
	background-position: center top;
	background-image: url('img/loading-bar-black.gif');
}


        edit: just saw FF 3013 on Mac is running your site in quirks mode?


        fr

        PS just noticed (I tried this on my site amd saw it confirmed on your site to) when clicking carrousel images from left to right, it shows the underlaying image. When clicking the carrousel from right to the left it does NOT show the underlaying image. Strange behaviour no?
          • 25803 ☆ A M B ☆
          • 721 Posts
          rx2 Reply #24, 17 years, 1 month ago
          I’ll try that. Quirks mode is because of IE unfortunately and the difficulty of centering vertically (hence the use of a table cell because IE does not respect vertical alignment in many of the CSS solutions (at least in my testing though I may be out of my depth), including building a CSS table via divs. And of course I still have to make an IE specific style sheet or two but haven’t gotten to that yet.

          Yes, I had noticed that clicking from right to left was much better with maybe only one overlap and it is strange and baffling!
            • 25803 ☆ A M B ☆
            • 721 Posts
            rx2 Reply #25, 17 years, 1 month ago
            Adding background-color: #000; did solve the problem. Thanks for the recommendation. Much appreciated. Now on to wrestling with IE!
              • 10076
              • 1,024 Posts
              Frank Reply #26, 17 years, 1 month ago
              Hi,

              good to hear, dont know if this should be considered a "bug".
              Anyway, best with that IE problem,

              fr.
                • 25803 ☆ A M B ☆
                • 721 Posts
                rx2 Reply #27, 17 years, 1 month ago
                In theory it shouldn’t happen and that it doesn’t as much in reverse would qualify as a bug. However, if this solution works maybe that was the original intent. It is not a well documented application.
                  • 4966
                  • 143 Posts
                  charlie-imac Reply #28, 17 years ago
                  Great of you to document this. I’ve literally copied in the code and made the changes and cannot get the external carrousel to work. Here is a link to the site I’m working on. You will see that the getting the following errors. Again, I copied your attachments. Any help would be appreciated.

                  TypeError: Result of expression ’$(this.options.carouselElement)’ [null] is not an object.
                  jsScroller.js:7TypeError: Result of expression ’o’ [null] is not an object.

                  charlie-imac
                    • 10076
                    • 1,024 Posts
                    Frank Reply #29, 17 years ago
                    Hi,

                    Quote from: rx2 at Aug 23, 2009, 02:10 PM

                    In theory it shouldn’t happen and that it doesn’t as much in reverse would qualify as a bug. However, if this solution works maybe that was the original intent. It is not a well documented application.

                    I have tried it twice, following my own guidelines, and that did work out. So if you think it is not well documetned , lets make it better together, okay. I am fine with that.

                    Frank.
                      • 10076
                      • 1,024 Posts
                      Frank Reply #30, 17 years ago
                      Quote from: charlie-imac at Sep 13, 2009, 08:48 AM

                      Great of you to document this. I’ve literally copied in the code and made the changes and cannot get the external carrousel to work. Here is a link to the site I’m working on. You will see that the getting the following errors. Again, I copied your attachments. Any help would be appreciated.

                      TypeError: Result of expression ’$(this.options.carouselElement)’ [null] is not an object.
                      jsScroller.js:7TypeError: Result of expression ’o’ [null] is not an object.

                      charlie-imac

                      Hi,

                      Where is that link, and are you using that latest version of MG? Sounds like part of the script is not found?

                      Frank.