Photo Gallery - Load Detail Image

How can I load a different image other than the first one
listed in the XML file?
Example, let's say I have 20 photos in my XML file. The first
detail image (large) to load is the first one in the list, how can
I show the 15th one in the list when the page loads? The order of
the thumbnails must be in the order they appear in the XML file.
Hopefully that makes sense. Thanks.

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

Similar Messages

Photo gallery in details view

Hey all. I'm developing a site for a real estate agency. I have built a web app that lists and displays individual properties. I have managed to hook up Business Catalyst's Photo gallery module that displays a specific gallery (one for each property) on the details page template. I did this by creating a text sting field in the web app, into which you can input the gallery tag specific for each property. Like this: ({module_photogallery,33715, 4,,6,175,150,ThumbnailAlgorithm,fill_proportional}). This works, but the client now says they don't like the "lightbox" function of the default BC gallery module, and want it to function differently. As in having clickable thumbnails that populate a static image area. Is this possible? I understand that I could use different image galleries, if it were a gallery on a static page. My problem is that I need a gallery that can be different for each web app item and work within the details page of a web app. Any help would be appreciated.
Here is the test link: Anne Rogers Realty Group, Inc - Committed to our clients, our neighborhood, with personalized service every time. note the way the list and details pages function.
Thanks

Yes,
What you are seeing by default is shown as 'My folders' view. It's a flat alphabetical list of the last level subfolders in which you have media files.
Click on the little yellow icon just right of the 'My folders' title bar, and you switch to the 'Folders' view which reflects what you see in your explorer. The difference is that by default, you see only subfolders having image files; if you want to display subfolders without image files, right click on the master folder and choose to show empty folders; that choice is not sticky.

XML Photo Gallery - Loader won't load :(

Hi,
I'm trying to make an XML Photo Gallery type thing. For each
'Product' it creates a new instance of a MovieClip from the
library, 'XmlItem' which contains a Loader Component and Dynamic
Text.
The Product Title goes into the Dynamic Text perfectly. The
problem is with the Loader Component. It simply REFUSES to load the
images. There's an exception. If I deliberately cause a syntax
error in the Loader Component's code, then the pictures load! What
the hell?
Oh, also I'm having trouble with the placement of the XmlItem
instances... For each of them, what position is _x relative to?
Thanks very much in advance for any help,
Tim.
Code:

my_ldr must exist on all frames or, if you navigate to a frame where it doesn't exist, you must create another loader with the "new" constructor. in the later situation, you'll need to (re)define your button actions too because the new loader will need to before referenced in the button listener functions. even if you use the same name, my_ldr, you'll probably need to re-define your buttons.

Web Photo Gallery - load into a frame?

Hi,
I have created a Web Photo Gallery using Photoshop CS2 and its URL works fine on its own.
When I try and load it into a frame, none of the links or the the slide show feature work anymore.
Does this meen that a Gallery cannot be loaded into a frame? Does it have to be standalone?
Thanks if you can help! :)
Steven

The best that I've been able to achieve is to load Twitter widgets into DPS's In-App browser. Directing a plain Twitter feed into a web overlay on an InDesign page makes it look pants.

Photo gallery loader?

Okay so I found an online tutorial for a photo gallery which
is great cause I'm very new to Flash.
Tutorial is visible here
http://www.layoutgalaxy.com/html/htmnewletter41-page1.htm
Anyway I get all the way to the end and the guy says a loader
is needed if this is gonna be posted online. A loader? What? I
don't have the first clue what a loader is or how I would implement
it into my coding. So if anyone can point me in the right direction
it'sd be greatly appreciated cause I haven't found anything that I
understand about a loader.
Thanks in advance.

This is a Flash 5 article on th web site that you mention.
There are much better tutorials on Adobe.com for photo gallery type
applications. Such as :
http://www.adobe.com/devnet/devices/articles/xml_photo_gallery.html
http://www.adobe.com/devnet/flash/articles/adobe_media_gallery.html
and a free one -
http://www.airtightinteractive.com/simpleviewer/
Good luck

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

Does Photos App load all images I store on my iMac for backup?

I want the app iPhoto, but is it loading the same collection of photos
again as the Photos App? It looks like the Photo App loads ALL photos
in my library, and iPhoto app loads what I sync in iTunes.
Or do I have that wrong? What images are stored on my iPad Air w the
Photos App, and what are stored by iTunes synced iPhoto?
I don't want double image files taking up too much space.

iPhoto will show you all photos that are already on your iPad's Photos.app and Camera Roll. It will not import them a second time, just group and show them in a different way:
See: http://help.apple.com/iphoto/iphone/2.0/?handbuch#blnka7d353af
All of the photos and video clips in the Photos app on your device automatically appear in iPhoto. You can also import photos into iPhoto from other devices and computers, other apps on the same device, or a digital camera (if you're using iPad).
Photos that you sync to your iPad using iTunes File Sharing will only be visible in iPhoto and not the Photos.app:
Import photos using iTunes file sharing
In iTunes, select your device and click Apps at the top of the window.
Below File Sharing, select iPhoto, and click Add.
In the window that appears, select the photos you want to import, and click Add.The photos are transferred to your device and appear in your iPhoto library the next time you open iPhoto. Photos transferred to iPhoto using file sharing appear only in the iPhoto library, not in the Photos app.

Flash photo gallery - loading first movie - action script

Hi,
I have a movie gallery (they are basically images with a fading effect), and I got it setup, and working, but I cannot get right the action script to make the first movie load when the page opens. The only thing I get to see is the scroll bar with the thumbnails, and after I click on the images I can see the full size. I would like the full size image of the first thumbnail to show up as default when the page opens. And then, if you click on the thumbnails the other images will appear. This is my link:
http://www.mauriciolopez.info/paintings/
This is the action script for a typical Thumbnail (setup as a button):
on (release) {
loadMovie("clip0.swf", "_root.screen");
I appreciate your help!!!!
Thanks!!!!

Rob, thanks for your answer. I do have a movieClip, at the root level. All my other movies load when I click the thumbnails. For some reason I'm not able to make a video appear before clicking on the thumbnails. I'd like to open the gallery and see the first video full size (automatically), before even clicking the thumbnails. Then, when you scroll and enlarge the other ones, they will replace the default one. I haven't been able to make it do this, and it's driving me crazy....
Thanks again for your help.

Blurry Photos in Photo gallery and Interactive image widget--(iBooks Author)

The pictures that I put in my photogallery and in my interactive image widget were at first clear and would get bigger when I tapped on them (in preview mode on my iPad), and then all of the sudden, they all are blurry, and now when I tap on them, they don't get bigger/zoom! How do I fix this??

The iBook is about 80 pages, and there is an average of one widget per page, sometimes 2. There are a few galleries in which there are more than one picture, but many of them are simply with one picture (because this is the only way to make it get bigger when you tap on it when on the iPad). For the Interactive Image widgets, I took a screenshot of a google maps route, and then focused on different stops to show directions on my iBook. I just redid all of the photo galleries that were blurry, and they are fixed now (no longer blurry). BUT the interactive images are still blurry....maybe I just need to go back and redo them?

Image Gallery - Paginate detail image

I've been looking all over (including the interakt forums) and can't find an answer.
I've built an image gallery. Everything works just fine. However, after clicking a thumbnail to view the larger image, I would like to be able to navigate through the larger images with next and back buttons.
How can I do this?

I've been looking all over (including the interakt forums) and can't find an answer.
I've built an image gallery. Everything works just fine. However, after clicking a thumbnail to view the larger image, I would like to be able to navigate through the larger images with next and back buttons.
How can I do this?

Problem with mutiple photo gallery...

Hello,
I'm new to As3.0 (i'm a designer...) but I need to create a photo gallery, So I found a Tutorial On lynda.com.
I'm using a code that works perfectly, and modified it (copy and paste it) to have 2 SAME photo gallery (using different images) displayed on the page.
So I'm using a 2 thumbnails (one for each Gallery) and by scrolling on the X axis of each thumbnail you can see the differnet images availaible in the gallery. By clicking it displays the full size image in a container.
So far so good.
The problem is that when going form one gallery to another, the first viewed gallery doesnt allow the other gallery main size image to display simply because it is underneath it... Like if it was a layer under another top layer...
I would like to know if there is a way to make each gallery unload their full size image when clicking on the other gallery.
SORRY IF THIS IS A BIT UNCLEAR BUT CAN EXPLAIN IF YOU ASK...
HERE IS THE CODE
var xml:XML;
var xmlList:XMLList;
var xmlLoader:URLLoader = new URLLoader();
var container:MovieClip = new MovieClip();
var imageLoader:Loader;
var fullLoader:Loader = new Loader();
var frontIndex:int = 0;;
var containerMask:MovieClip = new MovieClip();
var segment:Number;
container.x = 115;
container.y = -185;
fullLoader.x = 275;
fullLoader.y = -185;
container.addEventListener(MouseEvent.MOUSE_MOVE, changeThumb);
container.addEventListener(MouseEvent.CLICK, showPic);
xmlLoader.load(new URLRequest("data/images.xml"));
xmlLoader.addEventListener(Event.COMPLETE, xmlLoaded);
function mcunload1(event:MouseEvent):void
fullLoader2.unload();
fullLoader.load(new URLRequest(xmlList[frontIndex].attribute("full")));
function xmlLoaded(event:Event):void
xml = XML(event.target.data);
xmlList = xml.children();
for(var i:int = 0; i < xmlList.length(); i++)
imageLoader = new Loader();
imageLoader.load(new URLRequest(xmlList[i].attribute("thumb")));
container.addChild(imageLoader);
function changeThumb(event:MouseEvent):void
segment = container.width / container.numChildren;
frontIndex = Math.floor(container.mouseX / segment);
if(frontIndex <= container.numChildren - 1)
for(var j:int = 0; j < container.numChildren; j++)
container.getChildAt(j).visible = false;
container.getChildAt(frontIndex).visible = true;
function showPic(event:MouseEvent):void
fullLoader.unload();
fullLoader.load(new URLRequest(xmlList[frontIndex].attribute("full")));
addChild(fullLoader);
container.filters = [new DropShadowFilter()];
addChild(container);
//SECOND IMAGE GALLERY
//SECOND IMAGE GALLERY
var xml2:XML;
var xmlList2:XMLList;
var xmlLoader2:URLLoader = new URLLoader();
var container2:MovieClip = new MovieClip();
var imageLoader2:Loader;
var fullLoader2:Loader = new Loader();
var frontIndex2:int = 0;;
var containerMask2:MovieClip = new MovieClip();
var segment2:Number;
container2.x = 115;
container2.y = -80;
fullLoader2.x = 275;
fullLoader2.y = -185;
container2.addEventListener(MouseEvent.MOUSE_MOVE, changeThumb2);
container2.addEventListener(MouseEvent.CLICK, showPic2);
xmlLoader2.load(new URLRequest("data/images2.xml"));
xmlLoader2.addEventListener(Event.COMPLETE, xmlLoaded2);
function mcunload(event:MouseEvent):void
fullLoader.unload();
fullLoader2.load(new URLRequest(xmlList2[frontIndex2].attribute("full")));
function xmlLoaded2(event:Event):void
xml2 = XML(event.target.data);
xmlList2 = xml2.children();
for(var i:int = 0; i < xmlList2.length(); i++)
imageLoader2 = new Loader();
imageLoader2.load(new URLRequest(xmlList2[i].attribute("thumb")));
container2.addChild(imageLoader2);
function changeThumb2(event:MouseEvent):void
segment = container2.width / container2.numChildren;
frontIndex2 = Math.floor(container2.mouseX / segment);
if(frontIndex2 <= container2.numChildren - 1)
for(var j:int = 0; j < container2.numChildren; j++)
container2.getChildAt(j).visible = false;
container2.getChildAt(frontIndex2).visible = true;
function showPic2(event:MouseEvent):void
fullLoader2.unload();
fullLoader2.load(new URLRequest(xmlList2[frontIndex2].attribute("full")));
addChild(fullLoader2);
container2.filters = [new DropShadowFilter()];
addChild(container2);

This is just a quick guess. Whenever you call... fullLoader.unload(); also call fullLoader2.unload(); and vice versa.

Photo gallery IE 7 compatability issue

Photo
gallery
The photo gallery loads the thumbnails but not the images in
Internet Explorer 7. It works fine in Firefox 2/3.
The code for the area is,
quote:
<div spry:detailregion="dsPhotos">
<h4>{title}</h4>
<h5>{description}</h5>
</div>
<div id="picture">
<div id="mainImageOutline" style="width: 0px; height:
0px; text-align: center;"><div align="center"><img
id="mainImage" alt="main image" src=""/></div></div>
</div>
I'm not sure what the issue is. It's not pulling up the image
at all, and I can't get the image to render in any other method. It
worked fine with the old framework.
Another issue is with the play/pause button. Is there a way
to use a graphical play and pause button instead of the text that
is defined in gallery.js at lines 258 and 269?
Sherman

Reset to older framework.

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???

Problem loading images in adobe bridge html photo gallery

Can someone please, please help me!? I can not figure out why the images will not load in my adobe bridge html photo gallery cs5. I am not getting any error messages in Firefox and just the x in internet explorer.
Here is the link to the gallery page on the site: http://www.irishwetlands.ie/Gallery.html
I created the gallery as a html file for compatibality reasons due to accesbility issues with flash, and followed the general insturctions. The gallery folder is called wetlandsgallery and it is loading everything style-wise except the images themselves.
I then made the gallery within an iframe so it would be more similar to the other pages on the site and contain the menu bar - but no change on the lack of images!
Having looked around online I think it might be something to do with the bin folder?? Does this have some secutity somewhere thats protecting the images? I am also unsure if I filled in the FTP info correctly when creating the site as I was getting the message "could not connect to FTP server" so I had to copy over the file from my hard drive to the server provider files. All the tutortials say to load your gallery and no mention of what to do when it won't connect to FTP server.
If you could also tell me how to edit the image sizes that would be a great help too, as any size changes I make to either the bin/large or bin/thumnail images makes no difference in what appears in the preview?
Help would be very greatfully appreciated as I am pulling my hair out trying to figure it out with no sucess and a possible bald patch!
Thanks in advance,
Áine

Hello Áine,
1. Is it really necessary to comment out this part in your source code?

Using your source code without these things I could see some of your images.
2. Looking to your website with my IE8 into image 7 (e.g.) I saw this:
what means there is a reference to a html file, not to an image. ???
3. Here it becomes interesting (completely contrary to my point 2.), looking for your path:
http://www.irishwetlands.ie/images/GalleryImages/Gallery1_Selection%20of%20IRWC%20members% 20at%20the%20Gearagh.jpg
I can see this image in my IE8 (some people in front of a "wetland". But still I've to assume (as Murray already did too), that there is something wrong with your upload and the pathes.
4. Allow me to make one brief point, we talked about here on several occasions: please don't use spaces in image, folders or filenames. I'll quote Murray: In general, URL encoding spaces does not lead to problems. ... Whatever the details are, though, using spaces in filenames or paths is a bad practice which WILL lead to problems.
5. What concerns the image sizes, maybe later (I didn't understand your question correctly I fear). There is still my language barrier, I'm sorry.
Hans-Günter

Is it possible to load an image from iPhone's photo gallery?

Is it possible to create a browse event and load a photo from photo gallery on the iPhone?

That's not possible with the current packager.
I hope the next version will support that.

Photo Gallery - Load Detail Image

Similar Messages

Maybe you are looking for