ExpressionEngine CMS
Open, Free, Amazing

Thread

This is an archived forum and the content is probably no longer relevant, but is provided here for posterity.

The active forums are here.

Adding a photo gallery to an entry

December 20, 2011 12:17am

Subscribe [3]
  • #1 / Dec 20, 2011 12:17am

    fxidesigns

    131 posts

    I built a site for a client.  And on their site they have typical a blog section.  What method are people using when clients want to be able to add a series of pictures to the entry?

    I need something that would allow us to upload a bunch of photos and have them automatically displayed in a table or something after the text of the entry…. sort of like a photo gallery, but just for specific entries.

  • #2 / Dec 20, 2011 7:39am

    Rob Allen

    3114 posts

    Two regularly used options spring to mind:

    Matrix from http://pixelandtonic.com/matrix
    Channel images from http://www.devdemon.com/channel_images/

     

  • #3 / Dec 20, 2011 7:54am

    Boyink!

    5011 posts

    I posted some sample templates using the Matrix approach here:
    http://www.train-ee.com/courseware/free-tutorials/comments/boyinks4adventure-the-rv/

  • #4 / Dec 20, 2011 10:27am

    fxidesigns

    131 posts

    Mike… I guess your my new best friend these days… two topics, and two solutions from you!!

    Very neat indeed.  I like what you did.  Now let me ask you one question… did you code the whole tabbed/viewer interface?  Or did you use some gallery to do so… I more asking about the Photos part, rather than the videos. 

    Thanks
    Joe

  • #5 / Dec 20, 2011 10:34am

    Boyink!

    5011 posts

    I just mashed together some different jquery-based tools I found on the web - one for the tabbed area and another for the gallery.

  • #6 / Dec 20, 2011 10:39am

    fxidesigns

    131 posts

    Which one are you using for each?  It looks like Galleria for the the photo gallery, right?  But what about the tabs?

    Joe

    PS… I think you just about sold another book. 😊

  • #7 / Dec 20, 2011 10:45am

    Boyink!

    5011 posts

    Heck - that was over a year, 34 states and 22K miles ago. I don’t remember..😊  Looking at the source code is your best bet.

    Thanks in advance for the purchase!

  • #8 / Dec 20, 2011 10:49am

    fxidesigns

    131 posts

    LOL!! No worries… I think I got it.

  • #9 / Dec 20, 2011 11:06pm

    Kevin Smith

    4784 posts

    Glad to see the community helping each other with solutions here! Since this one if more of a “best practices” question that doesn’t really have a resolution but can continue as an ongoing discussion, I’ve moved it to Community Help so that you can keep the conversation going.

  • #10 / Jan 08, 2012 2:58pm

    fxidesigns

    131 posts

    Boyink!

    Well I finally had a chance to try and implement this on my site.. .but in reviewing your code, I don’t see the script tags for calling the Galleria js.

    And when I try to add a simple script on my page to test that its working, it doesn’t seem to run it. and forces my page to be completely blank.

    script
        $("body").text("jQuery works");
    /script

    *Note The SCRIPT tags are written with the <> removed since this forum removes the tags for script

    You can see what happens here….

    http://www.scottgrayrc.com/index.php/site/blog_test/china_avic_uav_cup_international_uav_innovation_grand_prix

    So my question is how did you call the Galleria photo gallery… since I don’t see any of the required script tags in the body section of your page.

    Any help would be appreciated.

    Thanks,
    Joe

  • #11 / Jan 08, 2012 3:12pm

    Boyink!

    5011 posts

    Make sure you’re looking at the right site (I run the code on our adventure site but talked about it on Train-ee):

    http://boyinks4adventure.com/our-travels/must-be-good-to-be-home/

    Past that it’s always pathing issues for me - making sure the page can see the js code, and that the images are coded correctly to be pi ked up with the js.

    Past that it’s too close to Sunday nap time to debug code..😉

  • #12 / Jan 08, 2012 3:21pm

    fxidesigns

    131 posts

    I don’t think you understand what I am asking….

    In order to use Galleria, you need to call it from a SCRIPT in the body like this….

    script
                Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js');
                $("#gallery").galleria({
                    width: 500,
                    height: 500
                });
    /script

    On your (and I am looking at the right page)... you don’t ever have the SCRIPT tags?  You just output the images in a UL, but there is NO SCRIPT….

    Thats why I am confused.

    Joe

  • #13 / Jan 08, 2012 3:40pm

    Boyink!

    5011 posts

    From the source code of the page I linked to:

    Well, until the forum eats it..

    There are 3 js files linked to in the header.  Just view the source.

.(JavaScript must be enabled to view this email address)

ExpressionEngine News!

#eecms, #events, #releases