I need to create an image gallery

I'm looking for a tutorial which explains me how to create a simple AS3 image gallery driven by an XML file.
The gallery I need is really simple:
- an horizontal bar placed on the bottom containing the thumbnails which scrolls left and right according to the mouse pointer
- clicking on a thumbnail the full image must be shown above the thumbnails' bar
- buttons for prev and next image
- clicking on the button which opens the gallery I must be able to pass a variable to make the gallery load the proper xml file (I've got 6 different categories to show)
That's all I need.
Do you know where I could find a tutorial?

I'm trying to do it by myself.
I've decided to give to the xml file this structure
<imgList>
<img thumb='img_001_thumb.jpg' full='img_001_full.jpg' desc='image 001' />
<img thumb='img_002_thumb.jpg' full='img_002_full.jpg' desc='image 002' />
</imgList>
I've found some tutorials where they read the attributes in this way
xml.img@thumb
xml.img@full
xml.img@desc
where xml is an xml variable containing the xml file's data.
I think that syntax is for AS2, while I'm using AS3 and it say to me that a semicolon is expected before atsign.
How can I read the attributes thumb, full and desc in AS3?

Similar Messages

Create an image gallery in DW

Hi all
I am working on a new website in Dreamweaver. I am happy to hand code the HTNL and CSS (using what shortcusts are availablel CSS with Designer etc). As a fairly new subscriber to CC I have been using Lynda.com to the learn DW and found that DW no longer supports SPRY. I NEED TO CREATE AN IMAGE GALLERY WITHIN THE NEW SITE, but now need to know which adobe product is best to use to create the gallery and embed the appropeiate HTML/CSS etc into the pages using DW???
I appreciate your help here

My favorite is Fancybox2....
It handles anything!
http://fancyapps.com/fancybox/

How can I create an image gallery with "next" buttons?

So I am almost done with my portfolio site (YES!)..now I just need the actual content (the images). My site is written in AS3.
I've watched many tutorials on how to create an image gallery (auto scrolling ones, scrolling ones that require mouse hover, etc etc), but those aren't what I am looking for.
I want a gallery that looks exactly like this one here:
http://jalbum.net/res/help/integrating-tutorial.html
I have a lot of work to display in my porfolio so there must be arrows at the end of the thumbnails so I can add more stuff. So I am just stumped on how to make the image gallery work with the ability to scroll for more photos with the click of the arrows.
Any ideas? Thank you.

Watching tutorials and learning from them are two different things. If you have learned from them you should be able to use what you have learned to devise a gallery such as the one you link to. If you have learned from them and cannot use what you learned, then you probably need to find/learn more.
If you study the design you linked you should be able to reason out what elements you need to devise... it is not overly complicated.
For the large picture you could have a Loader into which you load whatever image is selected from the thumnails. To get a brief transition you could just set the alpha of the Loader to 0 when an image change is occuring and gradually fade it in after the image has loaded.
The greatest challenge you are likely to face is in getting the thumbnails to advance back and forth depending on which is selected. All of the thumbs would be placed in a container (movieclip or sprite) and that would be masked so that only a portion of them is visible.
All thumbs that are not selected have their alpha property set to some value less than 1. Selecting one calls for the file it associates with to be loaded into the Loader. If the choice happens to lie off screen, then you need to move the movieclip that contains all of the thumbs some set value in the right (+x) or left (-x) direction.
If you want the thumbnails to wrap infinitely then when one leave the thumbnails area for movement in a direction, you need to take that thumb and relocate it to the other end of the thumbs in the container.

Creating an image gallery in apex....

Hi,
Im using Apex version 4.2.6... I followed the instructions in a blog to create an image gallery in apex applications....
http://apex-notes.blogspot.com/2008/12/build-image-gallery-using-apex.html
I have created all process by following that blog... But the pikachoose plugin is not available to download....
Is there is any other plugin or any other alternate way to create an image gallery in apex???
Thanks
Infant raj

HI,
Is there is any example for creating an image gallery... Went through on your link, i want to use the images that are stored in the table.....
Please advise me on application where i need to use this scripts...
jQuery plugin setup
The blueimp Gallery jQuery plugin registers a global click handler to open links with data-gallery attribute in the Gallery lightbox.
To use it, follow the lightbox setup guide, but replace the minified Gallery script with the jQuery plugin version and include it after including jQuery:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="js/jquery.blueimp-gallery.min.js"></script>
Next, add the attribute data-gallery to your Gallery links:
<div id="links"> <a href="images/banana.jpg" title="Banana" data-gallery> <img src="images/thumbnails/banana.jpg" alt="Banana"> </a> <a href="images/apple.jpg" title="Apple" data-gallery> <img src="images/thumbnails/apple.jpg" alt="Apple"> </a> <a href="images/orange.jpg" title="Orange" data-gallery> <img src="images/thumbnails/orange.jpg" alt="Orange"> </a> </div>
Thanks...
INFANT

Creating an image gallery

Hi all,
I am trying to work out how to create an image gallery on a
page whereby there is a set of thumbnails to the side and the
relevant large image opens adjacent to the thumbnails when they are
moused over.
I have done this using the hide/show layers function but the
output appears incosistently in different browsers and/or window
sizes. I had in mind some adaptation of the "swap image" behaviour
that would open the swap in a different position? Or alternatively
making the layers approach display consistently?
The layers version of the page can be
viewed
here
Any suggestions or guidance would be greatly appreciated,
thanks in advance,
Graham

On Thu, 1 Feb 2007 15:25:09 +0000 (UTC), "hydroculture"
<[email protected]> wrote:
>I don't know the answer - wish I did, but I have been
using a substitute where
>I click on the thumbnail - which via a hyperlink takes me
to a page where the
>large image appears. Not as neat as what we both want ,
but gets the same
>effect,
If clicking a thumbnail is an option then this is a better
solution -
a free extension from PVII:
http://www.projectseven.com/tutorials/images/showpic/index.htm
Steve
steve at flyingtigerwebdesign dot com

I need to create a image using some numeric values and i want to display values in image,

I need to create a image using some numeric values and i want to display values in image, Numeric values be enterd by text file, excel file or user input by dialog box,
this is the sample if image.
http://s17.postimg.org/5xvtzbztn/5_01_03_I.png
128 x 16 Pixels , Back ground Black, Numbers in Red, Should be same as above picture.
Because i have hundreds of images to create like this.
If any one can make a script for this it is very good.
Sorry about my English.
Thank you.

Have you checked out data driven graphics?
https://helpx.adobe.com/photoshop/using/creating-data-driven-graphics.html

I want to create an image gallery with forward back nav, master image with a click to pop out zoom

Hi Musers,
I'm currently building a photography website and need some help building a specific type of gallery.
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Below is a description of the gallery I want to build:
On the gallery page the gallery appears as a single 'Master Image' with forward and back 'Navs.' and a 'Counter' underneath this single 'Master Image'. Lets say that there are 10 images in this gallery. When the viewer clicks on the forward 'Nav.' the 'Master Image' changes to the next image in the sequence of 10 and the 'Counter' below confirms this progression, in this example the 'Counter' changes from 1 of 10 to read 2 of 10, the 'Master Image' displayed is the second image in the sequence.
Simple so far.. This above I can do as this is just a basic gallery. What follows is what I cannot find a solution for.
I want the gallery viewer to be able to click on the 'Master Image' and launch an enlargement of that image overlaying the gallery page, very much like the way the 'Lightbox' widget displays an enlarged image. When the viewer clicks off the 'Ligtbox' or enlarged image it dissapears, reverting the page view back to the standard gallery view with 'Master Image', 'Navs.' and 'Counter'. I do not want the expanded / Enlarged 'Lightbox' image accompanied by a thumbnail gallery, 'Navs.' / Navigation arrows or a 'Counter'. What I want is to be able to launch an enlarged version of the 'Master Image' as an overlay on the gallery page, something like a pop out.
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Can anyone explain how I can do this? Is it possible?
The solution I want seems to be a highbrid between the standard gallery with navigation arrows kept but minus thumbnails and captions with some of the functionality of the lightbox gallery widget.
I very much appreciate any help anyone can give.
Thank you

Hi Harriet,
Thanks for the message. I'm sure as time goes on new features will be introduced but it's a bit of a shame that the widget library is a little basic, oh, and at times it's just that little bit buggy. So far I'm really impressed by Muse despite being ever so slightly disappointed by some of it's limitations. I'd like to see more image gallery options, the ability to set up a client login area or a client ftp within a site, I also tried embedding video but as I'm no programmer the result looked clumsy so some focus on this would be a help. Considering that a good number of people benefiting from a Muse site will be online retailers a zoom function should have been there from the start.
Best regards
Jacques

Need advice/idea about Image gallery

Hello to ALL!!!
I'm trying to make an dynamic image gallery WITH!!! some
active buttons above (for example: BUTTON1 with function "delete"
and BUTTON2 with function "update") a picture and some "dataoutput"
below (for example:Price). So, separate cell must look like:
BUTTON1 BUTTON2
<Image>
PRICE
For implementation this task I have:
1) mySQL database "gallery" with table "test" and columns
"Id", "path to image", "Price"
2) 2 gifs: BUTTON1, BUTTON2
Before my first trying I thought that it's simple, and I've
tried:

<cfquery name="qTest" datasource="gallery">
SELECT * FROM test
</cfquery>
<div id=imagecont>
<cfoutput>
<cfloop query="qTest">
<img src="../Button1.gif />
<img src="../Button2.gif /><br>
<img src="#qTest.path to image#" />
<p>#qTest.Price#</p>
</cfloop>
</cfoutput>
</div>
And it worked normal. BUT!!! Looping had a vertical
direction! And any CSS rules that I've applied to DIV "imagecont"
(weight, height) hadn't any effect.
So, what I've get:
I see all necessary information (on browser), but I don't
know, how to format it with my dreaweawer cs3 and CSS.
And I afraid that I've chosen a "wrong method" (I mean my
code above)
Please, give me some recommendations or advices.
How can i archive my needs?
How to use CSS in div tag, which includes <cfloop>
code. I've also tried to use CSS with structure like:
<div id=a>
<cfoutput>
<cfloop >
<div id=b>
DATA
</div>
</cfloop>
</cfoutput>
</div>
But (div a)'s CSS rule HEIGHT take's no effect on <div
id=b> :(
And what about useful technique for displaying " action
buttons" above each image in dynamic image gallery???
Great THANKS for your answers/comments!!!!

the css attribute you are looking for is FLOAT.
see if something like
http://www.photos-of-laos.org/top-rated.cfm
is
what you are after in general images layout terms. feel free
to check
the generated html :).
re general css knowledge i highly recommend the book
"Bulletproof CSS"
by Mark Grabinski.
re the 2 buttons above the image: consider turning them into
css image
overlays instead (when the buttons appear OVER [not above]
the image
only when a user mouses over) - it looks much better that
way.
hth
Azadi Saryev
Sabai-dee.com
http://www.sabai-dee.com/

Need work around for image gallery with password protected URLs

Is there a way to display an image gallery that has password protected URLs?
I can build the image gallery in Siena using an excel table with a list of the images and when I preview the app inside Siena I get the expected credentials prompt from IE, and I enter the credentials and the images load and display with their captions perfectly.
There are 4-6 images in the gallery.
When I publish and produce a store app, the app errors out with can’t connect and obviously fails on
var GenericInitError = "The app could not connect to the server. Please try again later.",
GenericInitTitle = "Network error";
Most likely because Siena wants to preload everything and there is no way with preload to enter credentials.
I am looking for any alternatives that would let me get around this.
TIA
-- Barb Bowman

On Mon, 24 Mar 2014 05:10:01 +0000, Radu Gruian (MSFT) wrote:
>One possible thing to do would be download and embed the images into your app, eliminating the need for password-based authentication.
Nope. The app accesses a group of IP Security cameras. Static images would not
make any sense. And authentication is required. Not negotiable.
-- Barb Bowman

Create an image gallery

Evening all!!
Please take a look at my site:
http://www.cambridgestainedglass.co.uk/
I am trying to work out the most efficient way to display,
update and maintain an image gallery that fits in with the style of
my site. I don't know php or any backend coding but I might use
flash although this may not be the most efficient way of doing
this. I want the pge to remain the same kind of structure so a
sliding menu is the kind of thing I have in mind. If anybody can
point me in the right direction or have any ideas then i would be
very grateful. Many thanks
S

There are many options. Eleanor has become a resource:
http://www.eleanorstravels.com/photogallerysuggestions.htm
E. Michael Brandt
www.divaHTML.com
divaGPS : you-are-here menu highlighting
divaFAQ : FAQ pages with pizazz
www.valleywebdesigns.com
JustSo PictureWindow
JustSo PhotoAlbum
Stefan83 wrote:
> Evening all!!
>
> Please take a look at my site:
http://www.cambridgestainedglass.co.uk/
>
> I am trying to work out the most efficient way to
display, update and maintain
> an image gallery that fits in with the style of my site.
I don't know php or
> any backend coding but I might use flash although this
may not be the most
> efficient way of doing this. I want the pge to remain
the same kind of
> structure so a sliding menu is the kind of thing I have
in mind. If anybody can
> point me in the right direction or have any ideas then i
would be very
> grateful. Many thanks
>
> S
>

Need to create simple image as byte stream...

I am looking for a simple and efficient mechanism (supported in Java 1.4.x and later) that would allow me to create a simple raster image byte stream (in .png, .gif or .jpeg encoding) given an RGB + Alpha value (Paint?) and x and y dimensions in pixels.
I know it sounds unbelievably trivial, but I haven't played with the image stuff in Java in a long time and I am looking for an easy (read "handed to me on a silver platter") solution.
TIA,
Chuck

I guess I should have looked for myself, but it being Friday and I being lazy I didn't want to bother...
The answer to this question is best rendered in the Java Almanac: http://javaalmanac.com/egs/javax.imageio/Graphic2File.html

CQ5 image gallery component

Hi,
I'm a newbee in CQ5. I need to create an image gallery similar to http://goo.gl/RGBXs. How can I proceed towards that?
I was thinking of taking a DAM folder path from the content author as an input and using that I would create the block by iterating all the images contained within that folder. Is that a correct way? If so, what API I can use to iterate through the image files contained in a DAM folder?
Any help or response is highly appretiated.
Thanks.

Hi Jason,
Following is the code I used to display the image (bold letter) and it worked!!
Simply use child.getPath() to get image path.
<%
    while(iterator.hasNext()) {
        Node child = iterator.nextNode();
%>
    <div class="someClass">
        <a href="<%=child.getPath()%>">
            <img src="<%=child.getPath()%>">
        </a>
    </div>
<% } %>
and I used lightbox to show full image...and for that you need to have something like the following i.e. including necessary js libraries before the above code.
Hope it helps you!!
Thanks.

Is there a way to create a CSS image gallery with caption?

Hi everyone,
Ive been using the disjoint rollover, but I only have one
thing that I want to add to it—a caption right underneath an
image.
Besides using that Project Seven plug-in, is there a way to
create an image gallery without using layers? Or is layers the only
way to do it? All I want (words of doom, huh?) is a thumbnail to be
able to switch and image and add a caption to it. Can anyone point
me in the right direction? Or is that Project Seven plug-in deal my
best bet? What about Set Text of Layer in DW.
Oh yeah, Im still using DW with CSS sprinkled in..any help?
Thanks in advance.
-C

> Besides using that Project Seven plug-in, is there a way
to create an
> image
> gallery without using layers?
Of course.
> What about Set Text of Layer in DW.
That would do it, and it's not necessary that the layer stay
a layer after
you have done it, either. I do this frequently - make a
layer, apply the
behavior, and then remove the position:absolute from the div,
and place it
where I want it.
See the demo here -
http://dreamweaverresources.com/tutorials/settextoflayer.htm
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"psypent81" <[email protected]> wrote in
message
news:eus555$lac$[email protected]..
> Hi everyone,
>
> Ive been using the disjoint rollover, but I only have
one thing that I
> want to
> add to it?a caption right underneath an image.
> Besides using that Project Seven plug-in, is there a way
to create an
> image
> gallery without using layers? Or is layers the only way
to do it? All I
> want
> (words of doom, huh?) is a thumbnail to be able to
switch and image and
> add a
> caption to it. Can anyone point me in the right
direction? Or is that
> Project
> Seven plug-in deal my best bet? What about Set Text of
Layer in DW.
>
> Oh yeah, Im still using DW with CSS sprinkled in..any
help?
>
> Thanks in advance.
>
> -C
>

Image Gallery Created in Bridge & Dreamweaver CS4

Hello! I created an image gallery using Bridge and embedded the gallery html into a page on my website. The gallery, however, is not showing up live. Everything works fine locally.
Might anyone be willing to help me with my page?
I have my gallery embedded in this page:
http://www.stompandcrush.com/quisomnian.html
This is the gallery index html:
http://www.stompandcrush.com/graffitigallery_newyork_netaacc.html
Any help would be greatly appreciated!

Hi Guys, This turned out to be a Unix server-side issue. Apparently the compression software being used by the ISP on this server was in some way incompatible. The ISP turned the compression off and the problem was cured.
Cheers, Daviddhg

Image gallery in DW-5

Using DW-5, is there a way to create an image gallery like the one at this link
http://www.katherinelove.com/frset_gallery.html
the most important thing is to have the thumbnails contain the entire image, not just a cropped bit, and the popups need to have a description of the image. otherwise, the site design can change, which in this case it needs to do!

Fancybox is a jQuery plugin. You won't find any automatic slideshow features in DW because it is a web authoring app; not a photo gallery app.
See Primer for Using jQuery Plugins:
http://alt-web.blogspot.com/2012/11/primer-for-using-jquery-plug-ins.html
Nancy O.

I need to create an image gallery

Similar Messages

Maybe you are looking for