We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 25483
    • 741 Posts
    Can someone show me a site that uses this snippet? Would be great to see what you can do with it (how navigation works and that kind of stuff)
      with regards,

      Ronald Lokers
      'Front-end developer' @ h2o Media

      • 23284
      • 2 Posts
      Excellent Gallery, nice and easy to use for noobs too would be fantastic if it had paypal or googlecheckout integrated
        • 32114
        • 4 Posts
        Quote from: MediaGuy at Jan 19, 2010, 02:56 PM

        Can someone show me a site that uses this snippet? Would be great to see what you can do with it (how navigation works and that kind of stuff)

        I can give you a link to a site I’m working on. I’ll send you a PM. Always glad to be able to help out a Dutch fellow smiley
        • Here is the original author’s website: http://e2g.info/en_screens.htm
          My personal website also uses this, but still under developments - half baked, since I’m working on another website. tongue
            Rico
            Genius is one percent inspiration and ninety-nine percent perspiration. Thomas A. Edison
            MODx is great, but knowing how to use it well makes it perfect!

            www.virtudraft.com

            Security, security, security! | Indonesian MODx Forum | MODx Revo's cheatsheets | MODx Evo's cheatsheets

            Author of Easy 2 Gallery 1.4.x, PHPTidy, spieFeed, FileDownload R, Upload To Users CMP, Inherit Template TV, LexRating, ExerPlan, Lingua, virtuNewsletter, Grid Class Key, SmartTag, prevNext

            Maintainter/contributor of Babel

            Because it's hard to follow all topics on the forum, PING ME ON TWITTER @_goldsky if you need my help.
          • That’s why I asked this module’s maintainer to release this to the repository, so we can get our hands dirty on it. tongue

            The original author did a straight hacked into JS libraries, especially in language area.
            We need to get all the libraries to their original states, and hook the language settings elsewhere. This is also will be helpful for upgrading process.

            Quote from: Lucy at Jan 19, 2010, 06:53 PM

            According to the page source for this example, I need to override the settings at the top of the highslide.js file so I tried putting the additional script and style in the template and this didn’t work. Any ideas?
            According my words above, I can’t offer you a better idea, since whatever you’d do will be overwritten again in sometime.

            EDIT:
            I’m developing a website using this, so it seems I will do this, but if in the mean time anybody else has finished this earlier, just wait for them.
            I guess that can make you a little bit happier.
              Rico
              Genius is one percent inspiration and ninety-nine percent perspiration. Thomas A. Edison
              MODx is great, but knowing how to use it well makes it perfect!

              www.virtudraft.com

              Security, security, security! | Indonesian MODx Forum | MODx Revo's cheatsheets | MODx Evo's cheatsheets

              Author of Easy 2 Gallery 1.4.x, PHPTidy, spieFeed, FileDownload R, Upload To Users CMP, Inherit Template TV, LexRating, ExerPlan, Lingua, virtuNewsletter, Grid Class Key, SmartTag, prevNext

              Maintainter/contributor of Babel

              Because it's hard to follow all topics on the forum, PING ME ON TWITTER @_goldsky if you need my help.
              • 3504
              • 11 Posts
              Hey. Easy 2 Gallery looks like a good module, it has nice integration.

              I would like to do something like this, but i can’t work it out

              i want to display the folders with thumb + name and also the contents of the page, i tryed something like this but it is not working

              <div class="boxcontent">
              <a href="[~[*id*]~]&gid=[+easy2:cat_id+]"><img src="/[+easy2:src+]" alt="[+easy2:title+]" title="[+easy2:title+]" width="[+easy2:w+]" height="[+easy2:h+]"></a>
              <div><b><a href="[~[*id*]~]&gid=[+easy2:cat_id+]">[+easy2:cat_name+]<!-- ([+easy2:count+])--></a></b></div>
              <div>[+easy2:content+]</div>
              </div>

              or there is a way to display all the galleries at first without adding the id numbers instead of the folders?
              • hello blackhandr, welcome to modx.

                Perhaps this documentation can help you somehow:
                http://e2g.info/en_documentation.htm
                look at the bottom page.
                  Rico
                  Genius is one percent inspiration and ninety-nine percent perspiration. Thomas A. Edison
                  MODx is great, but knowing how to use it well makes it perfect!

                  www.virtudraft.com

                  Security, security, security! | Indonesian MODx Forum | MODx Revo's cheatsheets | MODx Evo's cheatsheets

                  Author of Easy 2 Gallery 1.4.x, PHPTidy, spieFeed, FileDownload R, Upload To Users CMP, Inherit Template TV, LexRating, ExerPlan, Lingua, virtuNewsletter, Grid Class Key, SmartTag, prevNext

                  Maintainter/contributor of Babel

                  Because it's hard to follow all topics on the forum, PING ME ON TWITTER @_goldsky if you need my help.
                  • 3504
                  • 11 Posts
                  i don’t see how the random image thumbnail output can help me. huh

                  probably i wasnt clear enough before, sorry.
                  i want to display the galleris content one after the other, not a single image. or the link to the gallery folder and after that the content of it
                    • 21671
                    • 244 Posts
                    Hey all,

                    I am super excited about this module and have begun to play with it. I started to overwrite all the javascript files as goldsky suggested to get the scripts back to their original states. I love the upload functionality and the thumbnail generation. What I really want to learn is how to get it to display thumbs and the large image on the same page. I have created a test page at http://www.learnerdesign.com/test-gallery.html To do this I tried to port the maxigallery solution from the wiki / Sharkbait’s excellent examples on his website. I changed the thumbnail template to:
                    <div class="thumb">
                    
                    
                    <a href="javascript:showPic('assets/modules/easy2/show.easy2gallery.php?id=[+easy2:id+]','[+easy2:title:htmlent+]','[+easy2:description:htmlent+]')" /> <img src="[+easy2:src+]" alt="[+easy2:title+]" width="[+easy2:w+]" height="[+easy2:h+]"></a>
                    
                    
                    </div>
                    and I used this code to handle image transitions
                    //js-setup02.js by Sharkbait
                    
                    jQuery.noConflict();
                    jQuery(document).ready(function(){
                       jQuery(".thumb").hover(function(){
                       jQuery(this).fadeTo("fast", 0.6); // This sets the opacity to 60% on hover
                       },function(){
                       jQuery(this).fadeTo("fast", 1.0); // This sets the opacity back to 100% on mouseout
                       jQuery("div.thumb").click(function() {
                       jQuery('.aktiv').removeClass('aktiv');
                       jQuery(this).addClass('aktiv');
                    });
                    });
                    });
                    function showPic(url,title,descr,width,height) {
                      jQuery("#maxImage").fadeOut("slow", function(){
                          var image = new Image();
                          jQuery(image).load(function() {
                            jQuery(this).hide();
                    
                    // with the holding div #loader, apply:
                          jQuery('#picturecontainer')
                            // remove the loading class (so no background spinner), 
                            
                            // then insert our image
                            .append(this);
                            jQuery("#maxImage").attr({
                              src: url,
                              width: width,
                              height: height
                            });
                            jQuery("#maxImage").fadeIn("fast");
                            jQuery("#maxTitle").html(title);
                            jQuery("#maxDescr").html(descr);
                       jQuery('#picturecontainer').addClass('loading')
                          });
                          jQuery(image).attr({src: url,width: width,
                              height: height});
                      });
                    }


                    I created a new folder in the assets/libs/ named noah and put the Sharkbait’s javascript named js-setup02.js in there.
                    I then went to line 1151 the module code and added this after
                     
                    <option value="js-setup02"'.(($e2g['glib']=='js-setup02')?' selected':'').'>Noah test</option>
                    so that I will see this code as a choice in the module’s pull down.

                    I then went into the snippet code and added this after line 350
                    if ($glib == 'js-setup02') {
                    
                       $modx->regClientStartupScript('http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js');
                       $modx->regClientStartupScript($modx->config['base_url'].'assets/libs/noah/js-setup02.js');
                    }


                    SOOOOO . . it needs a bit of help. It displays fine in ie 8 and ie7, but it doesn’t display quite right in firefox. When you click on a thumbnail, the current image is hidden and then it reappears for a noticable instant and then the new image appears. I know it has to do with the js-setup02.js code, but I don’t see how to fix it.
                    Any Ideas? My other wish is to have the first image in the slideshow appear in the picturecontainer dynamically on document ready, but I couldn’t figure out how to do that so i just hardcoded
                    <div id="picturecontainer">
                    <span id="maxTitle"> </span><br />
                    <p id="maxDescr"></p>
                    <img id="maxImage" class="hideSlide" src="assets/images/blank.gif">
                     </div>
                    into template.

                    You guys are much smarter than I am and I hope you see how to do it. The other problem is that the titles and descriptions aren’t getting updated eash time there is a click. What do I need to change?

                    I appreciate all your help in advance and hope this helps someone on the path to thumbs and images on the same page

                    -Noah
                      • 29487
                      • 385 Posts
                      Quote from: noahlearner at Jan 20, 2010, 02:11 PM

                      What I really want to learn is how to get it to display thumbs and the large image on the same page.

                      Try this script: http://www.twospy.com/galleriffic/

                      Sample from my site.
                      Paste the following code into the snippet code:

                      if ($glib == ’galleriffic’) {
                      $modx->regClientStartupScript(’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js’);
                      $modx->regClientStartupScript($modx->config[’base_url’].’assets/libs/galleriffic/jquery.history.js’);
                      $modx->regClientStartupScript($modx->config[’base_url’].’assets/libs/galleriffic/jquery.galleriffic.js’);
                      $modx->regClientStartupScript($modx->config[’base_url’].’assets/libs/galleriffic/jquery.opacityrollover.js’);
                      $modx->regClientStartupScript($modx->config[’base_url’].’assets/libs/galleriffic/jquery.galleriffic-setting.js’);
                      }

                      Remove this 2 lines from snippet (431 and 504):
                      $_e2g['content'] .= $num_rows ? ($notables ? '<div class="e2g">':'<table class="e2g"><tr>') : '';
                      $_e2g['content'] .= $num_rows ? ($notables ? '</div>' : '</tr></table>') : '';
                      


                      Paste the following code into the module code:
                      <option value="galleriffic"’.(($e2g[’glib’]==’galleriffic’)?’ selected’:’’).’>galleriffic</option>

                      Check "No tables" in module configuration.

                      Paste the following code into the site template:
                      <div id="gallery" class="content">
                      	<div class="slideshow-container">
                      		<div id="loading" class="loader"></div>
                      		<div id="slideshow" class="slideshow"></div>
                      	</div>
                      	<div id="controls" class="controls"></div>
                      	<div id="caption" class="caption-container"></div>
                      </div>
                      <div id="thumbs" class="navigation">[+phx:if=`[*gallery*]`:gt=`1`:then=`<ul class="thumbs noscript">[!easy2? &gid=`[*gallery*]`!]</ul>`+]</div>
                      


                      I use here PHx and TV "gallery": DropDown List Menu, Input Option Values -
                      @SELECT ’select’ AS filename, ’0’ AS id UNION SELECT filename,id FROM [+PREFIX+]easy2_files`

                      Extract other files from the archive (js,css and templates):