Photo gallery thumbnails quality

Hi guys
Please see this link:
http://stsstone.businesscatalyst.com/gallery-by-stone-beige-limestone
The thumbnails render in low quality. How can I fix that?
Thanks
Micha

Hey Micha:
{module_photogallery,ID,rowLength,targetFrame,resultsPerPage,Width,Height,UseStandardMetho d}
You can add additional parameters to the Photo Gallery module to customize it further:
{module_photogallery,ID,rowLength,targetFrame,resultsPerPage,Width,Height,UseStandardMethod}
The following parameters are accepted:
ID - System generated ID (Do not change this number.)
rowLength - Set the number of photos displayed per row
targetFrame - Set the destination frame where the photos will open (such as _blank)
resultsPerPage - Set the number of photos displayed per page
Width/Height - Set the width and height of the thumbnail images. The default value is 80 pixels wide by 80 pixels high.
UseStandardMethod - Use the standard Thumbnail Generation. Set to False for better thumbnail quality (with increased file size).
Examples
This updated module tag displays 4 photos per line and a maximum of 12 photos per page. The thumbnail size has also been set to 120x120 pixels:
{module_photogallery,id,4,,12,120,120,true}
Note: If an image is 640 pixels wide x 400 pixels high and you set the thumbnail size to 120 x 120 pixels the thumbnail image will have a maximum width of 120 and a smaller height. Proportions are respected when creating the thumbnail image. Alternatively if the image dimensions are 400 pixels wide x 640 pixels high then the height will be 120 pixels and the width smaller. The thumbnail size dictates the maximum width or the maximum height of the image.
Knowledgebase has all this stuff so it is a good place to always check for the otions:
http://kb.worldsecuresystems.com/134/bc_1345.html#main_Photo_Gallery_Modules

Similar Messages

Photo Gallery thumbnails in business catalyst render in different sizes in different browsers

Photo Gallery thumbnails in business catalyst render in different sizes in safari and chrome but are fine in firefox. What is the issue with Safari? I have tried the different algorithm options such as fill_proportional etc and firefox is the only browser that displays correctly. I thought safari was the most standards compatible browser - what's the problem here?

Hi,
If you have seperate XML file but with the same basic structure then you can change the XML a Spry dataset refers to and regenerate the spry region without reloading the full page.
So on my photo gallery page I can change the album the photos are shown from via the seturl sprydata function as below. dsPhotos being my Spry dataset that points to the relevant XML dataset with my image references and captions etc. My XML is actually dynamically generated from Picasa RSS feeds (and RSS feeds are XML) but the principle will be the same with your static XML.
First I add an event listener for when someone clicks on an album (the li tag within my div with the id "albums" holds a photo and title for each album.)
function Albums()
var myalbums = Spry.$$("#albums li", "TabbedPanels1")
var rows = dsAlbums.getData();
var setListener = function( element, value )
Spry.Utils.addEventListener( element, "click", function(){ showAlbum( value ); },false );
for( var i = 0, length = myalbums.length; i < length; i++ )
setListener( myalbums[i], i );
Then this is the code which changes the photo album to be shown. (when the user clicks the relevant album)
function showAlbum(i)
pauseShow();
pImage = 'No';
var rows = dsAlbums.getData();
var albumid = rows[i]["albumid"];
var url = "xml/PicasaAphotoFeed.asp?albumid=" + albumid;
dsPhotos.setURL(url);
dsPhotos.loadData();
var rowcount = dsAlbums.getRowCount() - 1;
var nextalbum;
var navnext;
var n;
The page is here www.thehmc.co.uk/photo5.html is you want to see it in context.
In your case showAlbum would switch between Frank.xml or Wolfie.xml depending on how you decide to name your xml datasets.
Regards
Phil

Customise button wording for 'NEXT' that appears with Photo Gallery Thumbnails

Is it possible to customise the wording of the 'NEXT' button that appears with the photo gallery thumbnails? ie, if you only have 5 thumbnails on page, but the gallery has more pics, a NEXT button is generated, but we'd like it to say MORE IMAGES instead....

thank you!

Dynamic Spry Photo Gallery Thumbnails

I'm implementing the XML version of the Spry Photo Gallery. I
need to edit the size of of the thumbnails and make them larger,
roughly 100x130 or maybe a little smaller. Since I have so many
photos, I was planning to use CSS to handle the overflow with a
scrollbar. I noticed sizing occurs in the Index file, Gallery.js,
and in the XML file. Are there any others that im missing? I'm
having a problem with resizing them, they dont resize when I adjust
the size in those places. Any suggestions would be appreciated.
Thanks
link (select Tattoo from the dropdown):
http://www.bugsartwork.com/beta/gallery/index.html

I overlooked screen.css, there was some css that was setting
the thumbnail img tag.

BC Photo Gallery thumbnails the same size proportionally

Hi
Is there a way to make all the tumbnails of a photo gallery the same size/proportion even if the original photos have different sizes/proportions without distorting them?
Thanks!

Yes, check the module information here:
http://docs.businesscatalyst.com/dev-assets/reference#!/module-reference/photo-galleries/m odule_photogallery.html

XML Driven Flash Photo Gallery Thumbnails

Hi,
I need to make a XML Driven Photo slide in Flash CS5.
It needs to have a Box that contains 5 Thumbnails(by XML) act as buttons.
The Box sits on top of the Main photo area and shrinks (or close out) when user click its close button. And it opens out by clicking on a open button.
I'm sure it can be done by using timeline, Tweening or you name it..But what about the Thumbnails that run from the XML file?
Can they disappear with the Box and retrieve when it opens? is it possible?
If yes, what would be the best way to do that?
Any comment would be greatly appreciated!
Here is the ActionScript.
import flash.net.URLRequest;
import flash.net.URLLoader;
import flash.events.Event;
import fl.controls.Button;
import flash.display.Shape;
import flash.events.MouseEvent;
import flash.display.MovieClip;
import flash.display.Loader;
import flash.text.TextField;
import fl.transitions.*;
import fl.transitions.easing.*;
import flash.display.Shader;
var hasloaded:Boolean = false;
var firstLoaded:Boolean = false;
var barWidth:int;
var barHeight:int;
var images;
var imageCount:int;
var thumbnailArray:Array = new Array();
var bigImageArray:Array = new Array();
var descriptionArray:Array = new Array();
var xmlLoader:URLLoader = new URLLoader();
var imageXML:XML = new XML();
xmlLoader.addEventListener(Event.COMPLETE, LoadXML);
xmlLoader.load(new URLRequest("slideshow.xml"));
function LoadXML(e:Event):void {
    imageXML = new XML(e.target.data);
    ParseImages(imageXML);
Populates the arrays with the image values
and the text for each picture.
function ParseImages(imageInput:XML):void {
    var iconList:XMLList = imageInput.image.icon;
    var mainImageList:XMLList = imageInput.image.mainimage;
    var descriptionList:XMLList = imageInput.image.description;
    for (var i:int = 0; i < iconList.length(); i++) {
        var imageElement:XML = iconList[i];
        //trace(imageElement);
        thumbnailArray[i] = imageElement;
    for (var j:int = 0; j < mainImageList.length(); j++) {
        var mainimageElement:XML = mainImageList[j];
        //trace(mainimageElement);
        bigImageArray[j] = mainimageElement;
    for (var l:int = 0; l < descriptionList.length(); l++) {
        var descriptionElement:XML = descriptionList[l];
        //trace(descriptionElement);
        descriptionArray[l] = descriptionElement;
    loadImages();
function loadImages():void{
    trace("inside of loadimages function.");
    trace(thumbnailArray.length);
    for(var i:int=0; i < thumbnailArray.length; i++){
        trace(thumbnailArray[i]);
        populateContainers(thumbnailArray[i], i);
        //populateContainers2();
        trace("Loaded " + thumbnailArray[i]);
var loader:Loader;
var xStart = -210;
var ypos = -34;
var currentPos = xStart;
var incrementValue = 66;
This takes in the name of the image file and
displays it within the newly created movie clip
function populateContainers(file:String, pos:int):void{
    //create a movie clip to hold the image
    var mc:MovieClip = new MovieClip();
    mc.graphics.beginFill(0xFFFFFF);
    mc.graphics.drawRect(0, 0, 50, 51);
    mc.graphics.endFill();
    mc.buttonMode = true;
    mc.x = currentPos;
    mc.y = ypos;
    mc.name = "thumb_" + pos;
    mc.addEventListener(MouseEvent.CLICK, clickHandler);
    loader = new Loader();
    //loader.mask = imagemask;
    var url:URLRequest = new URLRequest(file);
    loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadInitialImage);
    loader.load(url);
    //add the image to the movie clip
    mc.addChild(loader);
    this.imageBar.addChild(mc);
    //increment the currentPos
    currentPos += incrementValue;
function clickHandler(e:MouseEvent):void{
    var str:String = e.currentTarget.name;
    var index:int = int(str.substr(6,1));
    if(hasloaded) {
        this.mainWindow.removeChild(loader);
    loader = new Loader();
    loader.load(new URLRequest(bigImageArray[index]));
    this.mainWindow.addChild(loader);
    TransitionManager.start(this.mainWindow,{type:Fade, direction:Transition.IN, duration:2, easing:Regular.easeOut});
    //setChildIndex(loader, 0);
    hasloaded = true;
    loadText(index);
function loadText(index:int):void {
    Object(this).imageBar.txtdescription.text = descriptionArray[index];
function loadInitialImage(event:Event):void {
    if(!firstLoaded) {
        loader = new Loader();
        loader.load(new URLRequest(bigImageArray[0]));
        this.mainWindow.addChild(loader);
        TransitionManager.start(this.mainWindow,{type:Fade, direction:Transition.IN, duration:2, easing:Regular.easeIn});
        //setChildIndex(loader, 0);
        hasloaded = true;
        loadText(0);
    firstLoaded = true;
/* This section defines the buttons that control the image bar */
Object(this).imageBar.btnBarOpen.addEventListener(MouseEvent.MOUSE_UP, openImageBar);
function openImageBar(event:MouseEvent):void {
    this.gotoAndPlay(1);

thank you!

XML Driven Flash Photo Gallery Thumbnails Control

Hi, I need to make a XML Driven Photo slide in Flash CS5.
It needs to have a Box that contains 5 Thumbnails(by XML) act as buttons.
The Box sits on top of the Main photo area and shrinks (or close out) when user click its close button. And it opens out by clicking on a open button.
I'm sure it can be done by using timeline, Tweening or you name it..But what about the Thumbnails that run from the XML file?
Can they disappear with the Box and retrieve when it opens? is it possible?
If yes, what would be the best way to do that?
Any comment would be greatly appreciated!
Here is the ActionScript.
import flash.net.URLRequest;
import flash.net.URLLoader;
import flash.events.Event;
import fl.controls.Button;
import flash.display.Shape;
import flash.events.MouseEvent;
import flash.display.MovieClip;
import flash.display.Loader;
import flash.text.TextField;
import fl.transitions.*;
import fl.transitions.easing.*;
import flash.display.Shader;
var hasloaded:Boolean = false;
var firstLoaded:Boolean = false;
var barWidth:int;
var barHeight:int;
var images;
var imageCount:int;
var thumbnailArray:Array = new Array();
var bigImageArray:Array = new Array();
var descriptionArray:Array = new Array();
var xmlLoader:URLLoader = new URLLoader();
var imageXML:XML = new XML();
xmlLoader.addEventListener(Event.COMPLETE, LoadXML);
xmlLoader.load(new URLRequest("slideshow.xml"));
function LoadXML(e:Event):void {
    imageXML = new XML(e.target.data);
    ParseImages(imageXML);
Populates the arrays with the image values
and the text for each picture.
function ParseImages(imageInput:XML):void {
    var iconList:XMLList = imageInput.image.icon;
    var mainImageList:XMLList = imageInput.image.mainimage;
    var descriptionList:XMLList = imageInput.image.description;
    for (var i:int = 0; i < iconList.length(); i++) {
        var imageElement:XML = iconList[i];
        //trace(imageElement);
        thumbnailArray[i] = imageElement;
    for (var j:int = 0; j < mainImageList.length(); j++) {
        var mainimageElement:XML = mainImageList[j];
        //trace(mainimageElement);
        bigImageArray[j] = mainimageElement;
    for (var l:int = 0; l < descriptionList.length(); l++) {
        var descriptionElement:XML = descriptionList[l];
        //trace(descriptionElement);
        descriptionArray[l] = descriptionElement;
    loadImages();
function loadImages():void{
    trace("inside of loadimages function.");
    trace(thumbnailArray.length);
    for(var i:int=0; i < thumbnailArray.length; i++){
        trace(thumbnailArray[i]);
        populateContainers(thumbnailArray[i], i);
        //populateContainers2();
        trace("Loaded " + thumbnailArray[i]);
var loader:Loader;
var xStart = -210;
var ypos = -34;
var currentPos = xStart;
var incrementValue = 66;
This takes in the name of the image file and
displays it within the newly created movie clip
function populateContainers(file:String, pos:int):void{
    //create a movie clip to hold the image
    var mc:MovieClip = new MovieClip();
    mc.graphics.beginFill(0xFFFFFF);
    mc.graphics.drawRect(0, 0, 50, 51);
    mc.graphics.endFill();
    mc.buttonMode = true;
    mc.x = currentPos;
    mc.y = ypos;
    mc.name = "thumb_" + pos;
    mc.addEventListener(MouseEvent.CLICK, clickHandler);
    loader = new Loader();
    //loader.mask = imagemask;
    var url:URLRequest = new URLRequest(file);
    loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadInitialImage);
    loader.load(url);
    //add the image to the movie clip
    mc.addChild(loader);
    this.imageBar.addChild(mc);
    //increment the currentPos
    currentPos += incrementValue;
function clickHandler(e:MouseEvent):void{
    var str:String = e.currentTarget.name;
    var index:int = int(str.substr(6,1));
    if(hasloaded) {
        this.mainWindow.removeChild(loader);
    loader = new Loader();
    loader.load(new URLRequest(bigImageArray[index]));
    this.mainWindow.addChild(loader);
    TransitionManager.start(this.mainWindow,{type:Fade, direction:Transition.IN, duration:2, easing:Regular.easeOut});
    //setChildIndex(loader, 0);
    hasloaded = true;
    loadText(index);
function loadText(index:int):void {
    Object(this).imageBar.txtdescription.text = descriptionArray[index];
function loadInitialImage(event:Event):void {
    if(!firstLoaded) {
        loader = new Loader();
        loader.load(new URLRequest(bigImageArray[0]));
        this.mainWindow.addChild(loader);
        TransitionManager.start(this.mainWindow,{type:Fade, direction:Transition.IN, duration:2, easing:Regular.easeIn});
        //setChildIndex(loader, 0);
        hasloaded = true;
        loadText(0);
    firstLoaded = true;
/* This section defines the buttons that control the image bar */
Object(this).imageBar.btnBarOpen.addEventListener(MouseEvent.MOUSE_UP, openImageBar);
function openImageBar(event:MouseEvent):void {
    this.gotoAndPlay(1);

thank you!

Help - Photo Gallery

Hi, am new to web design...I
'm a volunteer for a animal charity and I am trying to design a new web site....I
want to imbed a photo gallery thumbnails that the home can have access to, to up
load new pictures, and stories of the animals etc.....something like
http://www.dogstrust.org.uk/sponsor/default.aspx can anyone help? I am using Dreamweaver 8 currently, much appreciated Jason

Has this charity got a budget at all, if only small? If so perhaps the best image gallery extentions come from a company claled PV11. I can highly recomend them and their supoort is good. They have their own user forum.
http://www.projectseven.com/products/galleries/hgmagic/features.htm
http://www.projectseven.com/products/galleries/ssm/ssm_03.htm
There are also loads of FREE solutions on the web BUT you have to be a bit code savy to get theses to work:
http://www.1stwebdesigner.com/css/fresh-jquery-image-gallery-display-solutions
Heres a couple form the page above:
http://fancybox.net/
http://coffeescripter.com/code/ad-gallery/

Photo gallery with Thumbnail View in Flex 3

Hello everyone
I very urgently need an answer to a very simple qeuestoon. I have been trying really hard since days to get a solution to this simple problem but in vain.
I am building an application in Flex 3. I simply want to create a photo gallery with a thumbnail where when the user clicks on a thumbnail, the image is shown in the canvas/tab navigator box next to it. The images are stored in a local folder (in src) are ARE NOT on available on any web link.
The Vbox with the thumb image and the .xml file has been created. But when I click on the thumbnail, the full image cannot be seen in the application. I dont know if this is a problem with data binding or what.
Please help!!!
Thanks a ton.

Check the folder structure
Flash is not able to get some file thats why the IO Error.
trace the url path just before u load the file and u will be abel to find whether that file is in specified folder or not.
http://www.darshanrane.com

Lost quality in photo gallery

Suddenly, the quality of the photos in my photo gallery went from great to really bad. Does anyone know why?

If for the photos transferred from your computer, under the Photos tab for your iPhone sync preferences with iTunes, deselect Sync Photos followed by selecting Apply followed by a sync. This will remove all photos from your iPhone with a warning message provided indicating this will occur.
Follow this by reselecting Sync Photos and the photos you want transferred to your iPhone followed by a sync to re-transfer the photos to your iPhone to see if this makes any difference.

How do I only show thumbnails in the photo gallery without showing the Main Image?

Hello,
I need help customizing the Spry Photo Gallery Demo...
I would like for the Main Image To Be Hidden when the html
page loads. After the user clicks the thumbnail, I would like to
have the Main Image load centered on the page(with div containing
close button) on a z-index above the thumbnails. While the
thumbnails layer has a fade effect to 10%. After the user clicks
the close button the Main image disappears and the thumbnails layer
fades back to 100%. Then the user can click another thumbnail and
so on and so forth...
Is this possible? I have tried everything I can think of with
my limited knowlege of spry and cant get it to work. I just need
help with the Large image part. The close button and fades I can
handle.
Any help would be most appreciated. Please let me know if
further information is needed from me. Thank you in advance.

There is a third-party program called Attachment Tamer that will do that for you. In the Terminal, you can type this:
defaults write com.apple.mail DisableInlineAttachmentViewing -bool yes
Also note that while Attachment Tamer does some things with the encoding that makes certain email clients display the item as an attachment, what shows up at the receiver's end is solely dependent on their email client and its settings.

How to transfer photo gallery with thumbnails from Fireworks?

Hi
I am trying to create a website. I am using Dreamweaver CS3
and for my main homepage I used one of their templates.
From my main page I give a link to photo gallery. I intend to
build a gallery in Fireworks as I will need a thumbnails for my
photos.
My question is how can I transfer the created gallery to
Dreamweaver CS3? I need the same template I used for my homepage
for my gallery?
Please help!
Thanks

jcdesigns wrote:
> I am assuming you are building a photo gallery like you
can in photoshop. In
> Fireworks, are you going to something like:
File>Automate>Web Photo Gallery,
> and pointing to the folder where the images are located,
and Fireworks builds
> the pages, thumbnails and larger images by itself? If
this is the case, then
> you just need to make a link on your home page to the
gallery page.
>
> If you are building this all by hand, meaning you are
making and resizing all
> of the thumbnails and images yourself, you will need to
create a second page
> and place all the thumbnails on that, and link them to
the larger image files
> or pages with those images.
>
> www.projectseven.com has a REALLY good photo gallery for
Dreamweaver and
> Fireworks for a good price. That is the way to go.
Especially if you plan on
> making more photogalleries.
>
Resize your photos as needed to cut down their size use jpg
or png format.
save then in an outside folder.
next inside the directory you use for your web files create a
directory
with either the sme name as the outside folder or name
desired open that
directory.
Open up Dreamweaver and create a Blank HTML page.
Now go to Commands menu and and choose create web Photo
album...
next a menu will pop up and ask directory where images are
located. Then
will ask the destination directory browse to the new
directory you
created. You will also settings for Thumbnail size and
whether to use
captions if you do use captions it will use the file name of
of each
image and you will have to go in and edit the caption names
for the
photos as desired when everything is setup fireworks will
takeover and
create the album. it will create three subdirectories one
with the full
size photos , one with the thumbs, and one with the html
information for
each photo. Plus three other files in main directory one
being an html
file. once completed and Fireworks returns editing back to
Dreamweaver
close and don't save the blank html file. the index file
needed will be
created by Fireworks.
open the index file inside you album directory and edit
cations as needed.
Remember if you do this you'll need a total of 3 times files
of the
photos you use for example.
if you have 30 photos it will be a total of four directories
and 93 files.
for 20 it would be 63 files, for 10 33 files and so on.
If you need to add photos or take away photos the method is
to start
over from scratch and use you FTP program to do a recursive
delete on
the directory then re-upload.
Phillip M. Jones, CET |LIFE MEMBER: VPEA ETA-I, NESDA, ISCET,
Sterling
616 Liberty Street |Who's Who. PHONE:276-632-5045,
FAX:276-632-0868
Martinsville Va 24112 |[email protected], ICQ11269732, AIM
pjonescet
If it's "fixed", don't "break it"!
mailto:[email protected]
<
http://www.kimbanet.com/~pjones/default.htm>
<
http://www.kimbanet.com/~pjones/90th_Birthday/index.htm>
<
http://www.kimbanet.com/~pjones/Fulcher/default.html>
<
http://www.kimbanet.com/~pjones/Harris/default.htm>
<
http://www.kimbanet.com/~pjones/Jones/default.htm>
<
http://www.vpea.org>

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

Photo gallery with thumbnail and caption

Hi,
am looking for a good photo gallery extention or application with thumbnails and captions, preferbly free or willing to pay for good working application, please help - would like to incorporate into website gallery page
thank you

hello,
There is a web photo gallery extension called:
Web Photo Album 2.1 for Dreamweaver MX
You will need a copy of Fireworks to run it though.
Sometimes, I use Photoshop's automate web galelry and then use that file inside of my site.
If have to incorporate it into an existing page, I just copy and paste the code.
babs

BC Photo Gallery - Center Thumbnail Image

How to edit BC Photo Gallery Module
so thumbnail image is centered
Example a square photo next to a tall rectangle image
The tall image is align left - how to make it so image is centered in thumbnail area?
Message was edited by: WillzShireDDC

When you look at most galleries around you will notice they all keep the same aspect ratio for uniformaty. That is one thing and something you can set in the gallery module paramaters.
In terms of positioning etc it is a simple matter of CSS and what you do in that CSS is what ever you like.
Target the elements and apply CSS to them to style them.
Very easy

Photo gallery thumbnails quality

Similar Messages

Maybe you are looking for