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!
ThankyouNot 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?
thankshowsthisforaname 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 uI 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) -
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 -
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
EmilyHere'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
EmilyHere'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?
ThanksIf 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 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 AkhaveinAre you producing HTML galleries with Lightroom (not Flash galleries)?
Lightroom Help | Create web galleries in Lightroom
Maybe you are looking for
-
My itunes used to sync the ratings id give the songs on my ipod but now it doesnt sync any ratings when i open them up in itunes with my iphone, i was just wondering if theres a solution to this appart from creating different playlists for each ratin
-
Final Cut Pro 6 - firewire output to monitor I lose Canvas window. . .?
Hello, I am running Final Cut Pro 6 (Suite 2) on a G5 1.6 processor, etc etc. I have noticed that with this version of FCP, that when my media goes out the firewire cable to a production monitor, that my motion of the clips STOPS in the Canvas and Vi
-
After scanning a lot, my printer says print cartriges missing or not detected
on my C4240 all in one printer, my printer won't let me print after I scanned a lot of papers, It says print cartrige(s) missing or not detected.
-
Whatsapp is not opening in my BlackBerry Q5
I was using whatsapp on my BlackBerry Q5 but recently it refuses to open. I have deleted and re-installed it over and over but the whatsapp did not open. What should I do?
-
Compile option is missing in the Packaging wizard
I need to compile my local app jsp files but the problem is i could not able to find the compile option in the Packaging wizard. Can anyone advice how to compile ? The compile option is missing in the packing wizard. I was using it before without a