Dynamic embedded gallery

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
Cognatus
Forum Members
Forum Members
Posts: 45
Joined: Sun Apr 08, 2012 9:30 am

Dynamic embedded gallery

Post by Cognatus »

I'm planning a website and I'm looking for a suitable gallery to present a number of pictures in a certain way.

An example that reminds of what I want is LEGOs webbshop:

http://shop.lego.com/en-SE/LEGO-Harry-P ... warts-3862

(however, I'm not interested in an enhancing feature)

I want to feed the page with smaller sets of pictures, 1-5 at the time, to be shown to the left together with meta data to the right.

So, can someone direct me to a gallery that's easy to embed, has the feature of thumbnails as in the example and is suitable for being fed dynamically?

Is there other better ways to do it?

I'm no fancy programmer, some simple php/sql/jquery is what I manage.

/Cognatus
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3497
Joined: Mon Nov 28, 2011 9:29 am

Re: Dynamic embedded gallery

Post by velden »

Gallery can http://dev.cmsmadesimple.org/projects/gallery

If you can make it work in a static html site, it can (almost) always be converted to a working Gallery template.

Gallery supports a title and comments field, creates thumbs, can upload multiple images at once.

It is also possible to add extra fields which can be used with the images (extra metadata for example).

Reviews: http://www.modulereview.co.uk/news/7/60/Gallery/

Add 'Smarty' to your list of 'things you manage' and you'll be able to create what you want.

Another module (I don't know it well): http://dev.cmsmadesimple.org/projects/album
http://www.modulereview.co.uk/news/19/60/Album/
Cognatus
Forum Members
Forum Members
Posts: 45
Joined: Sun Apr 08, 2012 9:30 am

Re: Dynamic embedded gallery

Post by Cognatus »

Thanks for the answer, I will try to figure out how to go on with the Gallery module.

Does anyone know of an example of a gallery reminding of what I'm aiming for, made with CMSMS and the module mentioned?
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Dynamic embedded gallery

Post by Dr.CSS »

That would be 2 different scripts, one for the main gallery and one for the hover/show large part, I've seen both on the interwebs...
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3497
Joined: Mon Nov 28, 2011 9:29 am

Re: Dynamic embedded gallery

Post by velden »

I don't. But as said before, if you can find a Javascript-driven example (not Flash of course) it should be easy to see whether it's possible (most of the times it is).

Remember that although Gallery (and many other modules) have example templates, most of the times you have to do some work to make it the way you want it to look.

Do some work yourself and we can help you by giving advice or sample code. But there needs to be something to start with.

Make sure if you find an example, it's free to use (or buy a license after evaluating)
Cognatus
Forum Members
Forum Members
Posts: 45
Joined: Sun Apr 08, 2012 9:30 am

Re: Dynamic embedded gallery

Post by Cognatus »

I have been working a while now on this idea of mine and I guess I'm closer to what I want now then when I started. But I have run into some problems where my limited knowledge of programming, and java in particular, makes it a bit difficult for me.

I used AE-gallery for the gallery function, but I load the selection of the images into the page from a mysql-db.

Now I'm trying to combine this setup with a nice zoom-script I have found. "Demo 1" from this page:

http://www.dynamicdrive.com/dynamicinde ... zoomer.htm

I have a list of images to choose from here (click an image):

http://www.epitafier.se/index.php?page=begravningsvapen

First of all does the zoom-script not load until I have reloaded the page. I guess I have to apply some "onload"-execution but I don't know how?

The second thing is how I shall set up the zoom-script to load my larger image into the zoom-function. Now, when zooming, the demo image is shown!? Not that I don't like what I see, but it's kind of in the wrong context.

The third thing, somewhat related to my first problem, is when I click a thumbnail off the additional images related to a main image. I don't know how to trigger the zoom-script to change the larger image. An example of a set of images can be found here:
http://www.epitafier.se/index.php?page= ... subj=B0003

(You might wonder how I know that the larger image of the second image in a set doesn't load when I haven't managed to solve my second problem, but I have just tested it with the right image-url in Firebug.)

You will also notice that I have problems with Swedish characters due to the fact that I can't manage the db an webbpage to present the input in UTF8. That problem is addressed to several experienced mysql/phpmyadmin-users, but isn't solved yet! :(

It's frustrating to have such a clear picture of what I want to achieve but not getting there because off incompetence! :)
Post Reply

Return to “Layout and Design (CSS & HTML)”