Thumbnail css on photo galleries

I could have sworn I saw this topic once before here on the
forum, but now that I've been working through the photo gallery
tutorial and am having a problem with the display of my thumbnails,
my search using css, thumbnails, and photo galleries failed.
I have adjusted the #thumbcontainer and #main divs to fit in
to my main content area (660 px wide right hand column of a 900px
css created page). Mathematically, I should be able to display
three 60x60 thumbs across, but they are showing up in a single
column down the left. In the thumb img div, I tried removing the
"float:left;" as well as resizing thumbs (to see if I could force a
two column display) but that didn't help either. I have also tried
removing the css for the gallery from my main stylesheets and
putting them inline on that page.
This is probably something simple, but it's frustrating me to
no end. Any suggestions?

Thanks Joshaw;
Actually I "solved" my issue by backing off and using
Fireworks to create the gallery for now. I used the "spry option"
there and went in and changed it's css a bit, but that's about it.
I'll retackle getting a gallery to fit in my 2 col templates at a
later date.
You might want to consider that alternative as well, but for
issues with a main image showing up, I'd check the easy answer
first and make sure you have enough space for it width wise. Is it
possible padding is adding more than you think to the width of your
thumbnail container leaving no room for the width of your main
images?
Thanks for the idea. I'll keep and test this after launch as
well,
http://rec.rock.coop needs to be
live in a week.

Similar Messages

  • Help with structuring SQL databases for multiple photo galleries..help!?!

    Hello all,
    As a new PHP/SQL developer I have found great technical assistance from both this forum and from David Powers and his wonderful books. I am at a crucial point in my web development and although I believe I know which direction I need to go, I am still uncertain and so I appeal to you all for your help, especially David Powers.
    The website I am building is one which will house many photo galleries. I was able to successfully modify the code provided in David Powers’ book ‘php Solutions’ so that I got the photo galleries constructed and working in the manner I desired.
    That being said, a person browsing my website will be presented with a link to see the photo galleries. There will be five (5) categories in which the photos will be separated, all based on specific styles. Now that I have the galleries working, I need to know how to structure things so that I can create a page, like a TOC (table o’ contents) that shows all photo galleries by displaying a thumbnail image or two along with the description. Perhaps I’ll limit the TOC page to only show the latest 25 galleries, arranged with the most current always on top.
    The way I have my galleries set up, I have a separate database for each one, containing the photo filenames and other relevant data. To build my TOC structure, should I have an overall database that contains each gallery database filename along with category? This is where I have no idea what I’m doing so if my question sounds vague, please understand I have no other idea how to ask.
    The site will grow to the point of having hundreds, if not thousands of photo galleries. I simply want to know how to (organize them) or otherwise allow me to build a method to display them in a TOC page or pages.
    I know this is a bit dodgy, but with some info and questions back from you, I feel confident that I should be able to get my point across.
    Lastly, I am still developing this site locally, so I have no links to provide (though I feel that shouldn’t be necessary right now).
    Many sincere thanks to you all in advance,
    wordman

    bregent,
    I'm chewing this over in my head, reading up on DB's in 'phpSolutions' and I think that things are slowly materializing.
    Here is the structure of the website that I have planned:
    MAIN PAGE
    User is presented with a link on the main page to select photo galleries (other links are also present). Clicking the link takes them to the Category Page.
    CATEGORY PAGE
    On this page, the User will then have 5 choices based on categories (photo style). CLicking any of these 5 links will take them to respective TOC pages.
    TOC PAGE
    On this page, the user is greeted with a vertical list of galleries or photosets; one to three thumbs on the left, a small block of descriptive text on the right (ideally containing date/time info to show how recent the gallery is). Newest galleries appear at the top. Eventually, when there are tens or hundreds of galleries in any given catrgory, I'll need to adopt a method for breaking up the qualntity in groups (we can pick 20 for example) that can be scrolled through using a small navbar. This will keep the TOC Pages from getting endlessly long and avoid endless scrolling. User selects a gallery on this page to view.
    THUMBNAIL PAGE
    On choosing a gallery, a thumbnail page is generated (I have this working already)
    IMAGE PAGE
    On selecting any thumbnail in the grid, the user is taken to the full-sized photo with a navbar and photo counter at the top. Navlinks allow forward and back, a link to the first image, a link to the last image and one link back to the thumbnail page. (I have this working already).
    I provide this info in an effort to help understand the basic structure of my site. The description above is as close to a step-by-step illustration as possible.
    Thank you!
    Sincerely,
    wordman

  • Photo galleries

    Is there a way to make the photo gallery thumbnails larger? I don't see a way to customize them, it says in the help section that you can click on customize and edit the thumbnail sizes. I don't see a customize button.
    http://helpx.adobe.com/business-catalyst/partner/create-photo-gallery.html
    Insert the photo gallery in a page
    Open the page in editing mode by selecting Site Manager > Pages, and clicking the page in the tree view.
    Place the cursor in the content editor where you want to insert the photo gallery.
    In the Modules tab of the Toolbox found on the right of the editor, select Photo Galleries.
    Select your photo gallery from the list. If you want to change the properties of the photo gallery, click Customize and adjust the properties.
    Click Insert.Business Catalyst inserts a placeholder tag representing the module. Example:{module_photogallery,32174}. When you publish the page, the module replaces the placeholder tag.
    Click Publish or Save Draft.

    Have you solved this yet?
    You customize the gallery when you add it to a page ...

  • Increasing photo quality in Web Photo Galleries

    I create Photo Galleries (Create->Photo Galleries) and FTP them to an ISP for family to view. However the quality of the photos is low(ish). I have tried every Type and Style I can find in Elements. How do I increase the size (and therefore quality) of the photos in Photo Galleries to (say)100K per photo. If this isn't possible, what are the alternatives? Thanks!

    Robin,
    There are different layouts of galleries (PSE5), which display images of
    different pixel dimensions and file size.
    For instance, in my case, the first gallery when choosing a template,
    "Standard (Small Thumbnails): A paginated grid of small thumbnails on the
    left and a preview image on the right" displays images in the 60 - 70 KB
    range, at a size of 480x320 px. Another gallery, "Slideshow: Slideshow-only
    gallery that scales to fit the browser window" uses larger images, 636x424
    px at right around 100 KB.
    The quality of these two image sizes is probably similar, the file size
    difference is due to variation of the pixel dimensions.
    When using the second gallery above, or another one that uses the large file
    size, you can actually go in and exchange the relatively low quality images
    with a set of the same images that you would have manually sized and saved
    at a better quality. I just ran a test and substituted the 100 KB images
    with a set of 180 - 200 KB pictures at 800x533 px. They have to have the
    exact same file names as the original set. They are located in:
    C: ...\Untitled_Gallery\resources\media\08slideshow\large
    This sounds like a tedious procedure, but if you have edited a set of
    images, you can run the gallery creation with that set and turn around and
    replace the files.
    Juergen

  • Help! Multiple Bridge Web Photo Galleries in my site

    RunI am in need of some help and I posted this in Bridge and didn't get an answer.
    I have a website and I used bridge to make my photo galleries. I downloaded the photo galleries bridge made into two different temporary folders outside of dreamweaver and then changed the name from index.html to "deck.html" (photos of a deck we built) and "of.html" (photos of an outdoor fireplace we built). Everything worked fine. I copied the deck.html file and the resources folder into my site folder and then linked a thumbnail of the deck to the deck.html file. Everything worked fine and the gallery loaded.
    Now, I know that I can't put the resources folder into my site of the of.html gallery due to the same name so I changed it to resources2. I then put the of.html and resources2 folder into my site folder. I then checked the code to find where it was pointing to the resources folder to change it to resources2. This is what i did:
    changed <script src=resources... to <script src=resources2...
    I then linked a thumbnail of the outdoor fireplace to the of.html, but the deck.html gallery loaded
    I am assuming that I am not changing the code correctly to link to the group.xml file which contains the images to load and the other files in my resources2 folder. When the link is clicked it loads the original deck.html gallery and I thought that somewhere in the AC_RunActiveContent.js it must be linking to the resource folder and not the resouces2 folder. I have searched through all the files in the resources2 folder and the of.html and I can't find where to change the code.
    Please, any help would be appreciated. Also, if there is some other way to do this let me know.

    Maybe I can explain this better....
    the group.xml file has the information for what images to load. When previewing the outdoor fireplace web gallery "of.html" it loads the "deck.html" web gallery. I believe this is because in one of the files it is requesting the info from the group.xml file from the resourses folder. I need to find where the code is that directs it to the group.xml and change it to group2.xml and rename that group.xml file for "of.html" to group2.xml in the resourses2 folder.

  • Several photo Galleries for website...any advice appreciated!!!

    I could really use some help,
    I have an entire site completed in DW CS4 but I now have 30 Photo Galleries with thumbnails I need to include within same website.  I have tried several options such as adobe Bridge, Flash etc...but with no luck.
    I was hoping someone might have some suggestions...thanks for reading
    Steve

    Web browsers only display PNGs, JPEGs and GIFs and they don't care for DPI, so simply size them to 1800px on the longest side regardless of whate resolution they are actually in. Saving a TIF for backup might be okay, but well, since the transparency would only show up in an image editing program anyway, you could just as well save as PSD...
    Mylenium

  • Photo Galleries...(ugh, ha)

    I could really use some help,
    I have an entire site completed in DW CS4 but I now have 30 Photo Galleries with thumbnails I need to include within same website.  I have tried several options such as adobe Bridge, Flash etc...but with no luck.
    I was hoping someone might have some suggestions...thanks for reading
    Steve

    Hi,
    I recommend the use of the include-command:
    <?php include("includes/InclYourImages.php"); ?>
    or to include more galleries:
    YourImages.php:
    <html>
    <head>
    <title>switch</title>
    </head>
    <body>
    <div>
    <a href="YourImages.php:?id=page1">page 1</a> |
    <a href="YourImages.php:?id=page2">page 2</a> |
    <a href="YourImages.php:?id=page3">page 3</a> |
    <a href="YourImages.php:?id=page4">page 4</a>
    </div>
    page1.htm:
    YourImages
    <div>
    <?
    switch ($id) {
                   case "page1":
                   include ("page1.htm");
                   break;
                   case "page2":
                   include ("page2.htm");
                   break;
                   case "page3":
                   include ("page3.htm");
                   break;
                   case "page4":
                   include ("page4.htm");
                   break;
                   default:
                   include (page1.htm");
    ?>
    </div>
    </body>
    </html>
    Hans-G.

  • Windows Firefox 3.0 breaks iWeb 08 Photo Galleries

    The latest update to the Windows version of Firefox, 3.0, broke the photo galleries in all of my iWeb created sites. Found this script patch at Mac Update....
    http://www.macupdate.com/info.php/id/27819/fix-iweb-and-firefox-3
    ...which claims to restore those features (photo gallery, slide shows, blog comments) but it didn't work for me. Downloaded the script and installed it and republished several sites but you still can't see the photos in Firefox 3 (Windows Internet Explorer sees them fine.)
    Mozilla is going to put out 3.1 which will supposedly fix the problem, but not until next year. sigh.
    Has anyone else encountered this problem? Have you tried the above patch and found it to work? Or is there another fix out there to resolve this?
    Thanks for any help you can give me.

    Well, now you know as much about it as I do. You might post in one of Wyodor's threads and ask him. I just kind of got what he developed or found and regurgitated it.
    Did you also do the editing of the iWPopUpSlideshow.css and iWPopUpSlideshow.js files inside the iWeb application. What you do is edit each file and change all occurrences of mac.com to me.com.
    The js file would be located in the Scripts folder inside iWeb and the css file is in the Media folder if I remember right. You might give that a try and republish (if you haven't already done that fix).
    Doesn't matter whether Tiger or Leopard.
    OT
    Message was edited by: Old Toad

  • Problem when importing two photo galleries with the same name. Please Help!

    Hi Guys,
    I'm not a pro in dreamweaver so I would appreciate if your answer wouldn't be too technical...
    Anyway I have experienced a problem. Heres the sotory, I have been making a websie in DW and used Adobe Bridge CS5 to create a photo gallery SWF file that I would use for my website. The problem is that I want to use two different photo galleries on two different pages however when I save my second photo gallery in bridge, it saves every file with the exact name as the first photo gallery I created and is working fine... Thus when I try to import the photo gallery files into my website folder structure, I find that it asks me to rename them because the files from the first photo gallery are called the exact same names.. Now obviously when I try to rename them dreamweaver gets confused and goes to the wrong folder and uses the images from my first photo gallery in the second one.
    So I guess my question is how can I organize my folder structure to be able to import multiple galleries without dreamweaver getting confused because bridge names all the files the same. Or how could I save the files through bridge so that they have different names and will work fine when I import into DW...
    Thanks and sorry for the essay,
    Patrick

    #1 You cannot have two files / folders or galleries with the same name.  Redo your image Galleries with different names.
    #2 SWF (flash) is not visible to iPhone, iPad, iTouch, Android or other web devices that don't support Flash Player.  These users will see nothing.  You might wish to explore other photo gallery / slideshow options that rely on jQuery instead of Flash technology.  Some links below.  A Google search will reveal many others.
    jQuery WOW Slider
    http://wowslider.com/
    jQuery Cycle
    http://www.malsup.com/jquery/cycle2/
    jQuery Nivo Slider
    http://dev7studios.com/nivo-slider/
    Nancy O.

  • Lightroom photo galleries and their swf files

    I have a question about using the photo galleries that lightroom exports in flash catalyst.  what I'm trying to do is use multiple photo galleries for different states in my flash application (www.negativeselfimage.com is the site).  flash catalyst allows you to import as many swfs as you want, but the problem is the gallerydata.xml files, and the images folders, which are different for every gallery I export.  I mucked my way around in flash builder to point to custom folders I built, so each swf file is in its own folder with its own materials.  however, the swf file seems to be looking for gallerydata.xml in an absolute directory. 
    my basic question is, how can I get that swf file to either point to a relative path place (it should still be relatively the same) or allow me to change to where it points to?
    either that, or -- if this seems like the wrong path -- how can I use multiple lightroom swf galleries in one flash catalyst or flash builder application? 
    thanks,  aemilia

    I've the same question... FC is quite nice, but they have to develop more, I think

  • How to get MobileMe photo galleries into iWeb or from Aperture?

    I currenlty use MobileMe for an iWeb  published site, on which I have a link to a several dozen photo galleries, all pub;ished from Aperture.  iPhoto has an iWeb "button", but Aperture does not so far as I can see.  I am trying to find the easiest way to keep all of my stuff intact once MM dies next year.  How can I migrate, not link, my MM photo galleries into iWeb, and/or publish them from Aperture into iWeb?  Once I have the photo galleries as part of iWeb, then I'll be able to use it to publish to another web hosting service.  Thanks!

    Do you have the original image files used to make up those MMe Galleries?  If so you can group them into albums in iPhoto and use the iWeb Album page or Photos page and ignore the MMe galleries.
    If the files are in Aperture and there's no Aperture section in iWeb's Media Browser you will have to export those files out of Aperture as originals and drag them either into iPhoto or into an iWeb photos page.  I don't use Aperture so an unsure of what can be done between Aperture and iWeb.
    If those galleries are the only copy of the photos you have you'll need to download the file (if the gallery allows it) and import into iPhoto before going into iWeb.
    OT

  • Purpose: to create photo galleries to insert or not items: 1) with phocagalery, it works 2) with the transfer via lightroom, I do not see the downloaded files but if I want to create a directory folder with the same name, he said he is already, I see noth

    purpose: to create photo galleries to insert or not items:
    1) with phocagalery, it works
    2) with the transfer via lightroom, I do not see the downloaded files but if I want to create a directory folder with the same name, he said he is already, I see nothing in the media in content management
    Can you help me

    Mahsa21,
    We are glad that we were able to resolve the international calling plan issue for you.  If you need assistance,please  reach out to us.
    thanks,
    Tonya D.

  • Websites with flash photo galleries do not display photos in firefox.

    I manage several websites that use the 'expose' photo gallery. Expose uses flash to display photos in the photo galleries. When you go to one of these web sites and click on the photo gallery link, the photos are not displayed, the page shows the gallery buttons but no photos. Using Internet Explorer or Chrome browsers, the photo galleries work fine. Here are 3 web sites to view;
    www.wishardgallery.com - click on photo gallery
    www.applemanart.com - click on art gallery
    www.jewelimages.com - click on any of the gallery links on the left menu
    Do the same with IE or Chrome to see the photos displayed.

    Some galleries are displayed via JavaScript, so if they aren't working the make sure that you aren't blocking JavaScript.
    Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).
    *Do not click the Reset button on the Safe mode start window or otherwise make changes.
    *https://support.mozilla.org/kb/Safe+Mode
    *https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
    Check the "Tools > Page Info > Media" tab for blocked images (scroll through all the images with the cursor Down key).<br />
    If an image in the list is grayed and there is a check-mark in the box "<i>Block Images from...</i>" then remove that mark to unblock the images from that domain.
    See also:
    *https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
    *http://kb.mozillazine.org/Images_or_animations_do_not_load

  • Multiple Galleria Photo Galleries on same page

    I'm trying to use multiple BC Photo Galleries and Galleria to display a project gallery of images on the same page.  Also, I'm a beginer at using Javascript and JQuery, so this might be a fairly simple deal, but my lack of experience is probably getting in the way.
    There are multiple sections to this project gallery;  landscaping, hardscapes, night lighting, pools, etc.  I'd like the user to be able to click on one of the gallery sections and the Photo Gallery switches out to the new selected gallery, so that only one gallery is showing at time, but they stay on the same html page.
    I need help with the following:
    1. When you first visit the page, I only want the first gallery to show up.  Then switch out with the others when you click on the other sections. Is this possible with Galleria, because of the way it computes the measurements of the stage within 5 sec?
    2. Not sure how to fix this error: "Init failed: Gallery instance already initialized".  I know this is happening because I'm running the init function for each project gallery.  Is there a better way to do this?
    This is the page where you can see it:
    http://greenmeadows.carmediadesign.com/project-gallery.htm
    Thanks for any assistance you can give!

    Hi
    Try using something like this http://jqueryui.com/tabs/ to place each separate gallery in its own div
    As for the error, where exactly are you getting that?
    Kind Regards,
    Alex

  • Photo Galleries into Albums?

    I see how to create different Photo galleries in BC, however is there a way to make Albums out of the different photo Galleries?
    Also, can there be a title over or under each event/album?
    I want, if possible to make this "point and lclick" simple for the client.
    How I can solve it for me;
    I make a photo gallery folder
    I upload all photos to that folder (they will be using FTP)
    I then go to the photo page
    make a table
    enter the Name of the Album on the top Row
    I Customize the Photo Gallery to show just 1 picture at 300 X 300.
    Insert the Module into the place below the title of the album/event.
    When the picture is clicked the slideshow opens.
    Is there and easier way? I mean it seems easy for me, but if there is something that would be easier that I am missing for the client...

    Thank you Alex.
    Somewhat regarding this process. I have been having an issue with the lightbox feature on the Photo Gallery. Is there any way to see a MAX size when you click a picture and it opens in the lightbox? Can I constrain the slideshow that opens to resize the image? I have a client who has 1000's of pictures, most too big so it overwhelms the screen.
    Is there any way to do this besides going through and editing ALL of their phots and then making them edit them all before they upload?

Maybe you are looking for