MaxiGallery v0.5 - BETA 2 Rev 49 | MODX Community Forums

254 Posts

kudolink Reply #31, 19 years, 10 months ago

I think the slimbox JS clashes with the googlemaps JS, so slimbox doesn’t works when used in a page with a googlemap.

kudo
www.kudolink.com - webdesign (surprised?)

[img]http://www.kudolink.com/kudolinkcom.png[/img] [sup]proudly uses[/sup] [img]http://www.kudolink.com/modx.png[/img]

415 Posts

Soda Reply #32, 19 years, 10 months ago

A kind of same problem with wayfinder menu with drop_down_menu.js are no longer working with a smoothslideshow2, the menu doesn’t appear when hover.

MODx Sites & Prestations: http://dp-site.fr [Last MODx Site]
MODx Repository: [HOME] [MetaTagsExtra] / Current Dev: [xFDM]

4,213 Posts

doze Reply #33, 19 years, 10 months ago

Yes, I have already noted these things in release notes.. MooTools javascript library is not compatible with certain scripts and some may fail when slideshow or slimbox is enabled (both uses mootools) from maxigallery. There’s nothing I can do to fix this I guess, so you just have to live with that, or not use those features...

"He can have a lollipop any time he wants to. That's what it means to be a programmer."

254 Posts

kudolink Reply #34, 19 years, 10 months ago

Perhaps I’ll come out with something on mooBox, but it needs an body onLoad function and the older moofx 1.24

kudo
www.kudolink.com - webdesign (surprised?)

[img]http://www.kudolink.com/kudolinkcom.png[/img] [sup]proudly uses[/sup] [img]http://www.kudolink.com/modx.png[/img]

415 Posts

Soda Reply #35, 19 years, 10 months ago

A typo in the documentation (http://modxcms.com/forums/index.php/topic,8832.0.html) and in the MaxiGallery snippet:
the parameter name for the number of picture before clearerTpl is &pics_per_row and no &pic_in_a_row.

MODx Sites & Prestations: http://dp-site.fr [Last MODx Site]
MODx Repository: [HOME] [MetaTagsExtra] / Current Dev: [xFDM]

107 Posts

legatissima Reply #36, 19 years, 10 months ago

i need help with modding a template.

Here is the HTML for how I want the gallery and pics to look:

<div class="contentBlock">
        <p><a href="private_photo_galleries.html" title="Back to Photo Galleries"><< Back to Photo Galleries</a></p>

        <div class="thumbnails">
          <ul>
            <li>
              <a href="private_photo_gallery.html" title="View Image">
                <img src="images/gallery/thumbnail_01.jpg" alt="View Image"/>
              </a>
            </li>
            <li>
              <a href="private_photo_gallery.html" title="View Image">
                <img src="images/gallery/thumbnail_02.jpg" alt="View Image"/>
              </a>
            </li>
            <li class="selected">
              <a href="private_photo_gallery.html" title="View Image">
                <img src="images/gallery/thumbnail_03.jpg" alt="View Image"/>
              </a>
            </li>
		
		.... all the uploaded thumbnails 
		
          </ul>
        </div>
        <div id="image">
          <img src="images/gallery/fullsized_03.jpg" alt="Fullsized View"/>
          clicking on each thumbnail would make the full-size pic appear in this div.
        </div>
</div>

I want to use the top div (class "thumbnails") to display all the thumbnails in the gallery in a line (with a scrollbar left to right). When the user clicks the thumbnail, the full size pic will appear in the bottom div (id "image"). I want to use kudolink’s "Ajaxify your site" (http://modxcms.com/forums/index.php/topic,6743.0.html) to handle the links.

Is it possible to use Kudolink’s AJAX solution for this? The client isn’t interested in any of the built-in scripting (lightbox, slideshow, etc.). They want the scrollbar.

Which templates should I mod to get the effect I want?

Thanks.

☆ A M B ☆
24,524 Posts

sottwell Reply #37, 19 years, 10 months ago

You can just pop that into a chunk, then put the chunk anywhere you like, perhaps in the content of a document. And certainly you can use Javascript to show/hide the full-size images. I believe that CSSPlay even has something similar done with CSS.

Studying MODX in the desert - http://sottwell.com
Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
Join the Slack Community - http://modx.org

4,213 Posts

doze Reply #38, 19 years, 10 months ago

Quote from: legatissima at Nov 29, 2006, 11:57 AM

i need help with modding a template.

Here is the HTML for how I want the gallery and pics to look:

....

Which templates should I mod to get the effect I want?

Do the following chunks:

mgGalleryOuter:

        [+maxigallery.managebutton:isnot=``:then=`

        <center>[+maxigallery.managebutton+]</center>
        <br />

        `+]

        <div class="thumbnails">
          <ul>

          [+maxigallery.pictures+]

          </ul>
        </div>
        <div id="image"></div>

mgGalleryPicture:

            <li>
              <a href="#" onClick="showPic('[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]');return false;" title="View Image">
                <img src="[(base_url)][+maxigallery.path_to_gal+]tn_[+maxigallery.picture.filename+]" alt="View Image" />
              </a>
            </li>

mgJs:

<script type="text/javascript">
function showPic(url) {
	var picHolder = document.getElementById('image');
	picHolder.style.backgroundImage="url("+url+")";
}
</script>

And to your document content, put:

<div class="contentBlock">
        <p><a href="private_photo_galleries.html" title="Back to Photo Galleries"><< Back to Photo Galleries</a></p>

        [[MaxiGallery? &galleryOuterTpl=`mgGalleryOuter` &galleryPictureTpl=`mgGalleryPicture` &js=`mgJs`]]
</div>

Then in your css, set the size of the #image div to the size of the pictures. That should do it.

"He can have a lollipop any time he wants to. That's what it means to be a programmer."

415 Posts

Soda Reply #39, 19 years, 10 months ago

It seems that the [tt]&clearerTpl[/tt] does not what it should, in a call with [tt]&clearerTpl=`<br class="clearboth" />
` [/tt], the clearer is present but truncated:

...
</td></tr></table>
<br clas
<table class="galerie"...

when using with a chunk’s template all is ok.

MODx Sites & Prestations: http://dp-site.fr [Last MODx Site]
MODx Repository: [HOME] [MetaTagsExtra] / Current Dev: [xFDM]

☆ A M B ☆
24,524 Posts

sottwell Reply #40, 19 years, 10 months ago

you can’t have = or & in snippet arguments. Or ? either.

Studying MODX in the desert - http://sottwell.com
Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
Join the Slack Community - http://modx.org