Thread

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.

Two regularly used options spring to mind:

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

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

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

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

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. 😊

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!

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

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.

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

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..😉

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

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.