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

Similar Messages

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

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

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

  • 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)
    >
    >
    >
    >

  • How to make the photo on web can be got buy google...

    who can give me some suggests..

    I could , but you might not like them
    toekneem
    http://www.no2nuisancecalls.net
    (EASBF)

  • Customizing the Photo Gallery

    I am very curious to see if anyone knows how to customize the photo gallery module in it's look/functionality without using web apps?
    (In other words stay on a lower BC plan, no web apps, but have a cool gallery that a user could change the photos themselves)
    ANY help on this mis much appreacited!

    Hi,
    You might want to check out Kiyuco's various implementation tutorials on existing 3rd party galleries. 
    - http://kiyuco.com/business-catalyst-modules/photo-galleries
    Kind regards,
    -Sidney

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

  • 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

  • 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

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

  • Can I add a business catalysts Photo Gallery module to Muse.

    Can I add a business catalysts Photo Gallery module to Muse - As my client want to upload images themselves to the gallery.
    I know that with the Muse plugin this is not possible. Therefore wanted to see if the photo gallery module in BC would work the same as the Blog Module?
    Thanks

    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.

  • 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

Maybe you are looking for