How to make existing Photo gallery module responsive?

I could not find any tutorials how to change the existing photo gallery module so it would be responsive. Is there a solution already?

The link I put above maybe?
CSS - Every element has a default display type but every element can have its block level changed.
A span is an inline element but you can turn it into a block level element. A table element is a table or table cell display type but you can turn it into block level. This is all CSS2/1 stuff so cross browser compatible (but if your doing media queries and responsive the old browsers are not considered anyway) and very straight forward.

Similar Messages

How to make the Photo Gallery module responsive?

Hi,
I am using Fondation and have a photo gallery on this page www.sunnysideinstantlawn.com.au/gallery made from the Photo Gallery Module in BC. How do I make it responsive?
I know there are alternatives out there using jquery but I would like to continue using the photo gallery module if possible.
Any help would be greatly appreciated.
Cheers,
Tammy

Hi BBowyer
I really like Pretty Photo (http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/) - how do I implement it on this page http://www.sheepconnectsa.com.au/gallery?
I understand jquery but it gets abit confusing with implementing it on this page. Would it be best for me to create a web app and do it?
Cheers,
Tammy

How to make Web Photo Gallery with 3 columns of thumbnails?

Hi all
I have used web photo galery to build a few sites, but always with thumbnails in a single, vertical column, within a frame that scrolls. and i have never mch liked that scrollbar.
I have come across this page:
http://www.mariannekolb.com/recent.html
which, as i look at the code, may not even be using web photo gallery, but is very similar.
anyhow, does anyone in this group have any idea how this multiple column thumbnail (without scroll bar) is accomplished?
thanks

howsthisforaname wrote:
I see how the css works, and it is much superior to alternatives I have seen.
But I fear I may be overlooking something: are you manually coding the html, writing the captions, and creating the thumbs? or is there a program that generates these?
Manually coded the CSS. Used Photoshop to optimize images, watermark them and create thumbnails.
Used Dreamweaver to insert thumbnails, full-size images and caption text.
If you want software to do the heavy lifiting for you, look at jAlbum.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How to make a photo gallery?

hello every body
let me make it simple.
i need a photo gallery like this:
www.albertsoncreative.com
and i use flash cs3
plz explain completely and easily
I really am a noob!
Thank u

I just finished making my first photo gallery and it was
really hard - because it was my first project in flash - Ive been
using this website - they have video tutorials - check out the
gallery on this page and if its what u want, click on "watch"
below.
http://www.tutvid.com/tutorials_pages_subs/FLASH/photogallery1.html

How to make a photo gallery like this?

This couple has an impressive portfolio of mtn climbing
accomplishments that will make you want to get out of your chair:
http://www.pfint.com/pics/peaks/RussellWhitneyMuir/RussellWhitneyMuir.htm
I like the way the pics open in new window exactly the size
of the picture with even black border on all sides, and close upon
clicking. Is this an active html page or is each picture page
created separately? (I could do that - don't want to though...)
Would this effect be easy for a intermediate level person to
create? Would like to find a tutorial. Or just the right
script/code to paste in. =0)

That was done with a Dreamweaver extension by Michael Brandt
called
JustSoPic window. I've used it for years. :)
http://valleywebdesigns.com/vwd_jspw3.asp
Nancy Gill
Adobe Community Expert
Author: Dreamweaver 8 e-book for the DMX Zone
Co-Author: Dreamweaver MX: Instant Troubleshooter (August,
2003)
Technical Editor: Dreamweaver CS3: The Missing Manual,
DMX 2004: The Complete Reference, DMX 2004: A Beginner's
Guide
Mastering Macromedia Contribute
Technical Reviewer: Dynamic Dreamweaver MX/DMX: Advanced PHP
Web Development
"onefiftymph" <[email protected]> wrote in
message
news:gfcndi$k30$[email protected]..
> This couple has an impressive portfolio of mtn climbing
accomplishments
> that
> will make you want to get out of your chair:
>
http://www.pfint.com/pics/peaks/RussellWhitneyMuir/RussellWhitneyMuir.htm
>
> I like the way the pics open in new window exactly the
size of the picture
> with even black border on all sides, and close upon
clicking. Is this an
> active
> html page or is each picture page created separately? (I
could do that -
> don't
> want to though...) Would this effect be easy for a
intermediate level
> person to
> create? Would like to find a tutorial. Or just the right
script/code to
> paste
> in. =0)
>
>
>
>

Photo Gallery module- isn't responsive

Hi there,
I am trying to find out if someone can help me with the photo gallery module. I have used the photo gallery module in a responsice template but it isn't responsive when you look at it on a phone. I have asked for help from the support but they said it is a css / html question so they can't help. This seems a bit odd as the module has been provided in a responsive template- and should really work as responsive.
If anyone could help or knows of the code that needs to be added in to make it work, that'd be really appreciated
Many thanks
Emily

Here's a few lines of CSS to get the modal behaving responsively: javascript - Making Business Catalyst Lightbox Responsive - Stack Overflow

How can I make Web Photo Gallery with Photoshop CS6 on Mac 10.6.8?

How can I make Web Photo Gallery with Photoshop CS6 on Mac 10.6.8?

You can use Bridge to create a web photo gallery.
Here's a video that shows you how to do it:
Hope this helps!
Julia

How do I modify the template used in the Photo Gallery module

I notice the Photo Galleries are rendered as an HTML table and I would like to make a small modification to the way the gallery is rendered on the page.
Basically I just want to wrap a DIV around the <img> tag so I can control the look of the image via my own CSS.
I see there is the ability to modify Module Templates, but the photo gallery module is not listed there.
Where can I access the template used for a photo gallery?
Alternatively I will need to display the images myself using an XML feed and jQuery, but I would rather use BC's own modules when I can.

Hi David,
There is no template for the photo Galleries. But if you are using Firebug you can find out the css values and add your own modification by adding CSS by the same selector as the current gallery to your own page and use the !Important value to over write the gallery css.

Photo Gallery Module- is not responsive

Hi there,
I have been using the business catalyst for a few sites but I have noticed that the photo gallery module isn't responsive and when you look at the gallery on a phone it doesn't adjust to fit the screen. Is there anything that can be done about it?
I asked the support guys but they said they can't help as it is an html / css question, however, I think if the responsive template comes with a photo module- it should actually be responsive.
Thanks
Emily

Here's a few lines of CSS to get the modal behaving responsively: javascript - Making Business Catalyst Lightbox Responsive - Stack Overflow

How to create a photo gallery so photos on the page can be scaled? [was: Flash CS6]

Hello!
I have a schoolproject where I am going to make a photogallery to pur inside a dreamweaver page. I know how to make the actuall gallery, but the difficulty part is that I have to make it so you can scale the photos when they are on the page.
Do anyone know how to do this?

If your page isn't responsive or at least % width, your gallery images can't rescale to layout.
However you could use a modal window like Fancybox that invokes full-sized images when thumbnails are clicked. See this example:
Alt-Web Templates :: CSS Semi-Liquid, Photo Proof Sheet
Nancy O.

In the past I was using Photoshop 7 to make Web Photo Gallery. My friend could right click on the pictures from my website and save it in their computer. Recently I have bought and registered your Lightroom 5 and have updated it to 5.6. But can not progr

In the past I was using Photoshop 7 to make Web Photo Gallery. My friend could right click on the pictures from my website and save it in their computer.
Recently I have bought and registered your Lightroom 5 and have updated it to 5.6. But can not program it to create Photo Web Galleries that after uploading to my website would allow my friends to down load the pictures from the album to their computer. How could I do it? Please step by step. Thank you M. Mehdi Akhavein

Are you producing HTML galleries with Lightroom (not Flash galleries)?
Lightroom Help | Create web galleries in Lightroom

Photo Gallery Module - Customize large image size

I need to figure out how to customize the size of the full image on the Photo Gallery Module. I have a couple of clients using this module that do not understand how to crop and resize images before uploading them.
I understand this can be done through CSS, but the issue I foresee is that the original image is still used which could have a large file size. Is there a workaround for resizing the full size image and also reducing the actual file size? Either through CSS, JS, or maybe even the new BC Liquid engine? Any help would be appreciated. Thanks.

You can go to the file manager and use the resize option on images in there.
BUT
They need to do this outside of such systems, BC will only edit based on numbers and math, if the client gets the wrong proportional values it will screw up the images, the system will not crop the images, only scale them so things can turn out squashed etc.
If images are being used on the web as an indicative representation of something for a site, they need to be done properly and out of the system before they come in.

Dw cs3: ho wto make rotating photo gallery

I would like to make a photo gallery where the images change every few seconds. How can I do this in Dreamweaver CS3/ Please respond here email me at [email protected] since it is the fastest way to reach me.

Nobody???

Simple way to use the Photo Gallery Module and flexslider to create an editable image slider?

I want to offer an image slider that my clients can easily update themselves through the Admin. Ive researched it alot and I know it can be done using web apps but does my cliently seriously need to pay over $400 a year for the webcommerce option just to have an updatable image slider?? I find that unrealistic. Does anyone know how to set this up using the photo gallery module and "flexslider" so clients on the business marketing plan can have access to a simple and clean editable image slider?
Any BC experts that can help would be greatly appreicated!
Thankyou

Not an expert, but I think what you're looking for is a slider that can get its list of photos from an XML file. The Photo Gallery module can produce an XML file.

Export preset to Business Catalyst Photo Gallery Module

Does anyone know of a Export Preset to Business Catalyst Photo Gallery Module. Similar to the ones available for exporting to Smugmug or Zenfolio?

If you're a little familiar with Business Catalyst, you might find this widget helpful.
It's a BC Photo Gallery - Muse Widget, Its very easy to use and customize.
There is a training video on how to set it up.
However Brad is right, you'll need to upgrade to BC webMarketing Plan.

How to make existing Photo gallery module responsive?

Similar Messages

Maybe you are looking for