6 Replies Latest reply on Aug 7, 2012 9:17 AM by osgood_

Image gallery how to?

TonyMancuso Aug 1, 2012 6:57 AM

Hey guys i want to know how to create a image gallery then some sort of spry gallery after you have created a regular gallery. The design im wanting to learn how to do is something similar to this in here : www.templatemonster.com/demo/40170.html ; if any one is kind to help me out to look at how to create this one. But a little different i still want the idea of the small pictures how this person has on there template. Although i want my small images in side a web page gallery moved to left, and then have the larger image moved to the right of the page.

would any one be kind to help me out on how to do so to code and css. i'm a beginner when creating a image gallery but im trying to create one on how i explained over this sentence.

Thanks would be awesome to see how this turns out!

ps:would respond to you guys later if you guys reply i have classes at college soon.

Thank you to anyone who helps!!

1. Re: Image gallery how to?

Nancy OShea Aug 1, 2012 7:59 AM (in response to TonyMancuso)

For image gallery, look at FancyBox.
http://fancybox.net/

For menus in Dreamweaver go to Insert > Spry > Spry Menu Bar > Horizontal...
http://foundationphp.com/tutorials/sprymenu/customize1.php

Spry Menus 10 Commandments
http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php

Nancy O.
Like Show 0 Likes(0)

Actions
2. Re: Image gallery how to?

TonyMancuso Aug 1, 2012 11:40 AM (in response to Nancy OShea)

I see the website. but there is no to create. Because i would rather learn how to code something off hand.. then use another program i have to start over an learn?

But i do see how these good references
Like Show 0 Likes(0)

Actions
3. Re: Image gallery how to?

Nancy OShea Aug 1, 2012 11:57 AM (in response to TonyMancuso)

Fancybox uses jQuery, a very popular JavaScript library. It is not a separate program.
Download the scripts and read the How To:
http://fancybox.net/howto

Nancy O.
Like Show 0 Likes(0)

Actions
4. Re: Image gallery how to?

TonyMancuso Aug 7, 2012 8:43 AM (in response to Nancy OShea)

Oh by the way you guys have an example im trying to create my site with a gallery such like this here on Dreamweaver

http://dreamweaverresources.com/tutorials/set-text-of-layer/

but of course im going to have LOTS of IMAGES on the left small like this an the large IMAGE shown as this link its hard to find a good tutorial on how to create something exactly this what im trying to do.
Like Show 0 Likes(0)

Actions
5. Re: Image gallery how to?

MurraySummers Aug 7, 2012 9:05 AM (in response to TonyMancuso)

I think there are much better ways to do these kinds of galleries now (although it is a very easy and convenient way to do a smaller gallery - it's just dated by now). If you have a small budget for this work, you won't find any methods that are easier or more solid than the image presentation extensions offered at ProjectSeven (http://www.projectseven.com). I use one or another of their extensions on just about every site I build. Give them serious consideration.
Like Show 0 Likes(0)

Actions
6. Re: Image gallery how to?

osgood_ Aug 7, 2012 9:17 AM (in response to TonyMancuso)

If you search for 'jquery image gallery' in Google lots will turn up. Of course you have to sit down and read how to add them to your page. If you don't have the ability to do that then you might have to resort to a commercial option.

http://inspirationfeed.com/resources/tools/top-15-handy-jquery-image-gallery-plugins/
Like Show 0 Likes(0)

Actions