Image Galleries

Just got a mental blank. I am creating a flash cd that will
contain an image gallery. Once a person has selected the image file
I want them to be able to download that file to their computer. The
final SWF and images will be contained within the same folder.
Any suggestions?????????????

you'll need to use server-side scripting to preform the file
management functions. flash could interface with that script using
loadVariables or the LoadVars class.

Similar Messages

Multiple image galleries

Is there any way other than a downloaded app to create multiple image galleries? To move images between galleries? Basic gallery manipulations at all?

Bluefire developed the Adobe Media Gallery (i.e. the Flash gallery packaged with Lightroom) and have posted a lot of interesting information about it in their blog. Definitely worth reading up on if you plan to use it.

Help needed with multiple and seperate image galleries on 1 site

I'm looking for a simple way to create and manage multiple image galleries (about 100) on a single website. I work for an architect and have a site which has our project portfolio and every project has a page containing a write up with a gallery of only 6 images. Currently I am using .css to run it. If you hover over one of the 6 thumbnails it opens up a larger image in the same div container. If you move the cursor off the thumbnail the main image goes away leaving a default background. The only problem is my bosses now want each image to be retained in view until you hover over the next thumbnail.
Any ideas anyone?

I've never see a performance issue with IsSameObject(), although I understand your issue, it seems to be pretty fast.
Saving a global reference to a jclass prevents it from being GC'd, I don't think it prevents it from being unloaded.
I'm not sure I understand your comment about jmethodID's being different for the same method. Technically, the jmethodID is unique for each class image loaded and class loader. So if a class is unloaded and reloaded, or the same class managed to get loaded by two different class loaders, then you might see multiple jmethodID values. But do you know that is happening?
I have seen some race conditions on the JVMTI event callbacks around Method Entry/Exit and Thread Start/End. If you don't use some rawmonitors to protect yourself, you could be executing your callback code for the methodExit event while the thread goes away out from under you. I don't know if that could be an issue, but it caused me to scratch my head quite a bit when I ran into it.

I need image galleries

Hi,
Are there any websites for photo galleries (free) which are not responisve.I googled,but i found lots of responsive photo galleries.I need non-responsive phot galleries .Please help me.
Thanks

Lightbox Widget is kind of old and not very good by today's standards. Fancybox2 is better. Copy & paste the following code into a new, blank document. SaveAs test.html. Preview in browsers.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5, with Fancybox2 Viewer</title>

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<link href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.css" rel="stylesheet" media="screen">
<script src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.pack.js"></script>
<style>
/**this styles image container**/
#thumbs p {
float:left;
width: 180px;
height: 12.5em;
margin: 10px 0 0 20px;
padding: 10px;
border: 1px solid silver;
/**rounded borders**/
-moz-border-radius: 20px;
-webkit-border-radius:20px;
border-radius: 20px;
/**this styles caption text**/
font: italic 14px/1.5 Geneva, Arial, Helvetica, sans-serif;
color: #666;
text-align:center;
/**use same size images**/
#thumbs img {
width: 160px; /**adjust width to thumbnail**/
height: 120px; /**adjust height to thumbnail**/
margin-bottom: 1.5em;
opacity: 0.75;
#thumbs img:hover {opacity: 1.0}
/**float clearing**/
#thumbs:after {
content:".";
clear:left;
font-size:0px;
line-height:0;
display:block;
visibility:hidden;
</style>
</head>
<body>
<h1><a href="http://fancyapps.com/fancybox/">Fancybox2</a> Viewer with images</h1>

<div id="thumbs">
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 1" /></a> <br />
Caption 1
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 2" /></a> <br />
Caption 2
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 3" /></a> <br />
Caption 3
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 4" /></a> <br />
Caption 4
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120" alt="Thumbnail 5" /></a> <br />
Caption 5
</p>
</div>

<h1>Fancybox with Iframe</h1>
<h3><a class="fancybox" data-fancybox-type="iframe" href="http://example.com">EXAMPLE.COM</a></h3>

<script>
$(document).ready(function() {
$('.fancybox, iframe').fancybox();
</script>
</body>
</html>
Nancy O.

Contribute and image galleries

I would normally create an image gallery using Project Seven's excellent add-on tools, but t his particular site requires regualr maintenance with Contribute from a user with little or no tehcnical knowledge, and PVII's gallery systems aren't compatible with Contribute.
On that basis, can anyone recommend a simple, elegant (and ideally, free!) solution which will I can embed in an html page and will respond to a connection from Contribute?
Many thanks.

I cant be much help I am afraid but I am also in desperate need of exactly the same facility free or not. I have looked at all sorts of photo gallery apps but I need one that will allow my non-technical client who is using Contribute to create and add new photo galleries from images on their computer to a Gallery page on their site and then in an ideal world create the thumbnails and upload the thumbnails and original images to the remote server. Oh and all able to be CSS styled as well. Judging by the lack of response to your request I am coming to the belief that nothing exists yet.

Creating Image Galleries with Adobe Bridge | Learn Photoshop CS5 | Adobe TV

Quickly review, arrange, and output images to PDF and the web.
http://adobe.ly/zbF114

What kind of file will the advanced (more than 4 images) swf convert to play as slideshow for mobile (cell ph) devices?! How many images: 'simple' is only 4 per (swf conversion to dw as quicktime movie) qt movie and it doesn't say advanced (more than 4 images) will convert from swf to dw as qt movie)... Quicktime movie can be converted to h.264 but there's not a mention w/in this video of any of that either: swf files won't play on most IPhs or other mobile devices.

Importing Web Image Galleries (CS4)

I am having trouble importing a web gallery.
I wanted to import a flash image gallery in to Dreamweaver CS4, only I have since discovered that they have been removed from CS4. I have since worked out how to build a web gallery in Bridge CS4 and save it to my hard drive. How can I insert this into a dreamweaver page? and what settings do I have to consider?

David Powers has a step-by-step tutorial on his site about this.
http://foundationphp.com/tutorials/gallery/embed1.php
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

2 javascript image galleries to communicate

http://www.canchair.com/new_web_product_detail.asp?ProductID=450&ProductFamily=1&ProductFa milySub=9#
The above page features an image gallery containing
thumbnails and a "large image" whose javascript ID is "largeimage"
Additionally, clicking on the large image brings visible a
layer featuring another image gallery with a "giant image" whose ID
is "nlargeimage".
>How do I alter the below javascript code so that the
"nlargeimage" equals the current "largeimage"?
Code for the first image gallery (featuring the
"largeimage"):
var currentImage= "<%=images("url_img")%>";
function showBigImage( isource,bigImage,header ) {
var theImage = document.getElementById( 'largeimage' );
theImage.src = isource;
currentImage = bigImage;
document.getElementById( 'largeimage' ).alt=header;
document.getElementById('photoHeader').innerHTML=header;
Code for the second image gallery (featuring the
"nlargeimage") - same as above code with the prefix "n" applied to
variables for uniqueness:
var ncurrentImage= "<%=images("url_img")%>";
function nshowBigImage( nisource,nbigImage,nheader ) {
var ntheImage = document.getElementById( 'nlargeimage' );
ntheImage.src = nisource;
ncurrentImage = nbigImage;
document.getElementById( 'nlargeimage' ).alt=nheader;
document.getElementById('nphotoHeader').innerHTML=nheader;
Many thanks!!!

I have that problem as well. I can't seem to get MobileMe to publish all the photos that I have added. It might be me and the way that I have understood Aperture to work. I am still learning. This is what I think I know and have done.
I created a project. I selected some photos and said, "Create a MM gallery", it did. I see it in the side bar in Aperture. I clicked "the fan" and published. It worked fine. A couple days later, I dragged over some photos that I had re-touched. I clicked "the fan" to publish, it looks like it is working, gets about half way and then quits. No error, no nothing just quits. The MM gallery doesn't have the new photos, but the side bar showing the MM gallery in Aperture shows the photos just fine. Fast forward two weeks, I have been on and off with the MM "support" and they keep saying "Sorry that is a Pro app, call them". So thinking that way, I delete the entire MM gallery from Aperture and re-publish. Then I notice something. If the photo isn't the "master" but one that I have been working on, it doesn't get published. Furthermore, if the "re-touch" is at the beggining, it doens't publish anything once it comes across that. So here is my question, how do I "flatten" (that is what I remember Photoshop calling it back in the day) so that the "version" is exportable or do I need to export the "re-touched" photo and then bring it back in? That seems dumb but I can't find ANYTHING in the manuals (yes I do read them, no RTFM jokes please!) that says anything on this subject, it all says, "Hey, select some photos and publish a MobileMe gallery!, is is that simple Yipee!" stuff, nothing that says, hey once you make an edit, even though you drag the "version" to the MM gallery and publish, it won't work.
Please Help!
Thanks, Joel
sorry to be wordy

External image galleries

can anyone recommend a good professional image gallery? this would be to replace mobile me gallery and with a possibilty to sell prints.
Thanks

Hi Dave. Hard to say without a bit more information . Does the menu item appear ("File→Export→Aperture to Zenfolio ... ")? Does the dialog appear?
Zenfolio has excellent support -- see if they can help.
You don't need the plug-in to use Zenfolio. Just put your exported Images in a Finder folder (you can create these as part of exporting from Aperture), and then select them all and drag them into the Zenfolio target that open in your browser when you tell it you want to upload files.
(Side note: Zenfolio's UI is ... confusing. I've used it enough to find parts of it helpful, but I have the scabs to show for my efforts. I selected Zenfolio over Smugmug because I _could_ get the results I wanted, not because either was in any way easy to customize.)
I'm using the "full" (but not super-charged) version of Zenfolio -- don't know if there are functional limits to other versions (but I don't think these would be the issue here).

Image galleries not showing when site is uploaded to the web.

My site currently works fine. However, when I add a new set of photos to the image gallery and republish my site to the web the "work" page doesn't load anything at all.
As soon as I delete the new images set, and republish the site to the web, it works fine again.
I will add a new set of images now so that the site goes blank and people will understand.
The website is: www.johngreendesigns.co.uk
I hope somebody knows what is happening here.
Message was edited by: johngreendesigns

supposedly this script is a patch for iweb08 that fixes the problem so that photo albums show in safari.I guess i'll try it...
http://diamondsw.dyndns.org/Home/EtCetera/Entries/2008/6/18_Firefox_3_andiWeb.html

Images disappear after being selected from galleries

I created an app in Project Siena that serves as a product catalog for our Remote Sales team to use on their tablets. The app relies heavily on image galleries for navigation. Everything works fine, except that as you navigate back and forth
through the app pages, images that have been previously selected start disappearing from their gallery upon returning to their page. Anyone seen this happen before?

Hi Bruton, thanks for the quick response. I'll try and break this down as simply as possible:
-Built on Excel tables containing links to images. The images are located in a mapped network drive that is synced offline.
-All images appear fine at first as you navigate through the app; then, as you go back to the Index page and go back through the same pages, you start to see previously selected images disappear from the gallery. All the other images show up fine in
the gallery. Only the ones that have been selected previously disappear. If you close that app and re-open it, voila, all images display without issue.
-This same phenomena occurs while running the app in Project Siena; when the images start disappearing, I will update the data sources, and voila, the missing images come back.
-There are four basic pages that each contain an image gallery: Index, Brand, Group, and Product
-You drill down by selecting a brand, then a product Group, then an individual product (hence the 4 pages)
-Note: some "brands" that are chosen take you directly to the Product page, bypassing the Group page
-The image galleries on each page are used for the navigation (drilling-down to next level)
-When you tap an image from the gallery, you launch the next page... below is the navigation code for the image gallery on the Brands page. (I used "UpdateIf" function w/ 1=1 so it's always true, because I wasn't sure how to use other "Update"
functions.)
UpdateIf(CollectedGroup, 1=1, {Groups: Group_Gallery!Selected!Groups, GroupImage:Group_Gallery!Selected!GroupImage, BRAND: Group_Gallery!Selected!BRAND}); If(LookUp(ProductTable, Products in CollectedGroup!Groups, Products) = ThisItem!Groups, If(IsEmpty(CollectedProduct),
Collect(CollectedProduct, Group_Gallery!Selected), UpdateIf(CollectedProduct, 1=1, {Products: Group_Gallery!Selected!Groups, ProductImage: Group_Gallery!Selected!GroupImage, BRAND: Group_Gallery!Selected!BRAND, Groups: Group_Gallery!Selected!Groups})), If(IsEmpty(CollectedGroup),
Collect(CollectedGroup, Group_Gallery!Selected), UpdateIf(CollectedGroup, 1=1, {Groups: Group_Gallery!Selected!Groups, GroupImage: Group_Gallery!Selected!GroupImage, BRAND: Group_Gallery!Selected!BRAND}))); If(LookUp(ProductTable, Products in CollectedGroup!Groups,
Products) = ThisItem!Groups, Navigate(Product_Page, ScreenTransition!UnCover, {BackScreen:"Brands_Page"}), Navigate(Groups_Page, ScreenTransition!UnCover, {BackScreen:"Brands_Page"}))
Here is the navigation script for the Groups page gallery:
Clear(CollectedProduct); If(IsEmpty(CollectedProduct), Collect(CollectedProduct, Group_Gallery_1!Selected), UpdateIf(CollectedProduct, 1=1, {Products: Group_Gallery_1!Selected!Products, ProductImage: Group_Gallery_1!Selected!ProductImage, BRAND: Group_Gallery_1!Selected!BRAND,
Groups: Group_Gallery_1!Selected!Groups, GroupImage: Group_Gallery_1!Selected!ProductImage})); Navigate(Product_Page, ScreenTransition!UnCover, {BackScreen:"Groups_Page"})
Data script for the gallery on the Groups page:
Filter(ProductTable, Groups in CollectedGroup!Groups)

How do i remove image links to adobe site with my dreamweaver built flash gallery ?

This is probably a very simple solution, but i can't figure out how to remove the link to the adobe site when you click on the images in my gallery--I built a site in dreamweaver used the insert media option and added my photos---when uploaded, my images in the gallery are clickable and take you to the adobe site...how do i make the images have no link??
here is an example of one of the pages...
http://geckoweb.org/coleonyx-brevis.html
any help is really really appreciated.
thanks in advance

Which version of DW are you running?
There are plenty of jQuery solutions and commercial plugins to create photo galeries.
Some require hand coding,
http://www.typeerror.com/index.php/top-10-latest-jquery-image-galleries/
https://www.google.com.au/search?q=jquery+photo+galleries
others are point and click inside Dreamweaver.
http://www.projectseven.com/products/galleries/index.htm

How do i use numbers for image gallery and arrows?

Hello there,
I'm hoping someone can advise me on the best possible way.
I would like to use numbers to help the user navigate through the image gallery i'm creating and arrows on either side of an image (one image viewed at any one time). I have attached an image of what i'm trying to acheive. I feel like the arrows will help aid the user to navigate and the numbers will inform them on the number of images to view.
I have so far created the site with a template (logo and nav bar) and child pages for: home/about/work/contact.
Hope to hear from someone soon.
Nicola

With so many pre-built image galleries available to you, there's no reason to re-invent the wheel.
CSS Image Viewer (view source to see the code)
http://alt-web.com/DEMOS/CSS-Image-Viewer.shtml
jQuery slideViewer 1.2
http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html
57 + Image Gallery, Slideshow & Lightbox solutions
http://www.1stwebdesigner.com/css/57-free-image-gallery-slideshow-and-lightbox-solutions/
In addition to the ones above, log-in to Adobe's Widget Exchange with your Widget Browser
http://labs.adobe.com/technologies/widgetbrowser/
    * jQuery Cycle Widget
    * Lightbox Gallery Widget
    * Spry Content Slides
    * Spry Image Slideshow
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

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.

How do I scale a lot of images using CSS in HTML5 and CSS3

I have a CSS image gallery that displays a larger photo with descriptive text below it, when a thumbnail image is hovered on.
Each photo has code like that following:
<a class="thumbnail" >
<img src="thumbs1/paradethumbs/DSC_0073.jpg" alt="thumbnail picture" />
<span><img src="pics1/paradepics/DSC_0073.jpg" alt=" " /><br /> 19 - a black faced sheep.</span>
</a>
The first source is a thumbnail, image stored at a size of 72 by 48.
The second source is an image stored at 600 x 400.
When the thunbnail is hovered on, the larger photo is displayed at its full size using css.
There are 20 or so thumbnails in this gallery, and different numbers in other galleries that use the same code.
The example above is number 19 from 20.
This works fine on tablets and larger displays.
When I wish to show it on an Iphone or similar, with a display that is 480 or less wide, I need to scale the larger photo down to 300 wide.
As the Iphone will have a lower quality of image than a larger display, it will not matter too much if the 600x400 photo is scaled down, and having tried it by giving it an ID with CSS like
#imagescale{ width:300px; } it looks acceptable. However, as IDs are supposed to be unique, then thats a no go area for the remaining photos.
My problem is how do I select the second image source shown in bold above, and scale it and the span text by 50%.
The text is not too important as it can be changed to fit - the image is the main problem.
I need someting like "if the display is less than 600 and the image is in the pics directory, display it at 300 wide".
The browser will hopefully take care of the height.
Any suggestiosn would be appreciated.
Howard Walker

Thanks Nancy. The general idea and the link to the article helped a lot.
However, the css using using a percentage had unpredictable results when selecting repeated images.
The first one scales to 50% and then the next scales to 50% of the last one (25%) and so on ad infinitum, unless you click on another object that is not an image.
Using a pixel size like 280px rather than a percentage did the trick, but it also involved changing lots of other items before I could get everything to fit.
Now I have a better knowledge of media queries and how to set them up.
Best of all, all my image galleries work fine just using css and html. Never thought that would happen.
Take five stars!
And the same to David Powers for his great article.
Howard Walker

Image Galleries

Similar Messages

Maybe you are looking for