Dynamic gallery
Question: Why is it that when the thumbnails of my gallery
are clicked on, that the larger images corresponding to them are
moved to the northwest quadrant of the stage? When this occurs, the
gallery loses functionality and I'm no longer able to click on the
corresponding larger images in order to make them disappear after
viewing them. (The gallery only displays the larger thumbs
correctly—meaning centered above the smaller thumbnails of
the gallery—when the gallery is placed above all layers; It
won't work correctly in a layer placed below the main layer.)
My site hierarchy: two layers: main, script (houses the
preloader). Inside main are layers called script, sections, menu,
background. 2 layers deep, inside sections, is where I need to
place my dynamic gallery. As I said, it will only function
correctly on the main layer.
Thanks
Code for library follows
Hi there,
So if you were to copy the same script down to a frame on the
sections movieclip timeline, you would only need to change a few
things to help with the targeting.
Look at the changes I've made to the script below and read
the comments.
You can actually put it on any movieclip timeline and it
should work.
Hope it helps
Similar Messages
-
Dynamic gallery won`t display once uploaded on FTP
Hi, I builded this dynamic gallery page that display the
pictures using an UI Loader component.
When I test the movie in Flash the gallery loads and displays
the external picture with no problems. However, once the html and
SWF file are upoladed on line you can see everything correctly but
the clickable thumbnails won`t open any picture.
In the FTP I`m keeping the same exact path as my directory.
The code says
btn1.addEventListener(MouseEvent.CLICK, ldr1)
function ldr1 (e:Event) {
my_ldr.source = "PICTURES/FASHION/fashion1.jpg";
So, I have a PICTURES folder in the same directory as the SWF
and HTML document and inside of it I have the FASHION folder
containing the pictures called "fashion1", "fashion2", and so
forth...
I can send more code if necessary. It seems a pretty
straightforward process and it should work, but I can gigure out
why is not working.
Anybody have any idea why?
Here` s the website in progress
http://www.erinbarry.co.uk/staging/home.htmlI see in the directory tree of your web host that all of your
jpg's have all caps for their extensions (fashion1.JPG not
fashion1.jpg). If you change the path in the Flash or change the
filenames this will work. Often, your local computer OS doesn't
care about caps vs no-caps, whereas web servers often do care, and
in this instance your web server does.
To test this, if you put "
http://www.erinbarry.co.uk/staging/PICTURES/FASHION/fashion1.jpg"
into the browser path you get a "404 Not Found" error. If you
change it to "
http://www.erinbarry.co.uk/staging/PICTURES/FASHION/fashion1.JPG"
you get the image. -
Hello everyone,
I'm trying to build a dynamic gallery in flash, but I need some help on how to implement some special tactics. The downside of it is, its a two step process.
For starters, my ulimate goal is to build a horizontal scrolling gallery thats similar to the Microsoft Surface touchtable interface as shown here: http://news.cnet.com/2300-1041_3-6211837.html, but implements the transitions of the Pastel Stories header as shown here: http://www.pastelportal.com/stories/
When the centerpeice icon is in the center focus, its larger than the rest of the icons and you can move your mouse from left to right to scroll through the gallery. Ive seen some variations of this, but none of them offer what I'm trying to accomplish. The main image is not focused in the center and/or the images arent spaced out evenly enough.
The second part of this process, its kind of difficult. You see when the user clicks on the icon, it takes them to a sublayer where they can view the photos in the same similar fashion as the initial gallery. The only problem is the transition. You can see the transition and/or flash component I'm trying to accomplish in the pastel stories header swf.
If anyone knows of any ideas on how to implement these tactics or knows of any tutorials or any "for-purachase" files, please let me know! Thanks!try:
txfe.text = xmlFile.section[int(m.currentTarget.details) -1].details;
instead of
txfe.text = xmlFile.image.[int(m.currentTarget.details) -1];
and add your thumbs to gal, not the stage. when you're done with the gallery, remove gal. -
Dynamic gallery with 3 columns and 5 rows with paging
guyz, i am new to spry and i need your help. i want to create
a dynamic gallery with data source as xml. i want to create a
gallery with 3 columns and 5 rows.Basically a wallpaper page where
there would be 15 wallpapers in a page with a link of downloading
wallpapers with resolution 800x600,1024x768 and 1280x1024.
for example if there are 63 wallpapers for a section , then
there would be 5 pages with 5th page having only 3 wallpapers.
everytime a wallpaper is added to xml, it automatically adds
it up in html...
plz help....i really want to create this asap and i cant find
any help...thanks a ton for your response.... Meanwhile i figured out
the solution myself using photogallery tutorial where div fixes the
width and the next repeated element get shifted to another
line.....
now i am struck with another problem.
i need to give substring to a particular data on xml.
for example i have the following xml
<movies>
<data>
Important Note: These online forums are for user-to-user
discussions of Adobe products, and are not an official customer
support channel for Adobe. If you require direct assistance, or
prefer to contact Adobe support staff directly, please contact
Adobe support.
</data>
</movies>
i want to display only first 50 characters of data tag.....
whats the code/syntax to do so..... -
Static links with dynamic Gallery content
OK, I do not want to sound crazy with this request but it has some logic that may be usefull.
I have the Dynamic Photo Gallery with a Dynamic List Menu from the Spry Samples and want to select the id or someway to load the Dynamic List Menu Item with a fixed link. If I have 3 Galleries.... China, Eqypt & Paris, can I not just link or use an onClick handler to select the new gallery?
Dynamic Code:
<select name="gallerySelect" id="gallerySelect" onchange="dsGalleries.setCurrentRowNumber(this.selectedIndex);" spry:repeatchildren="dsGalleries" spry:choose="choose">
<option spry:when="{ds_RowNumber} == {ds_CurrentRowNumber}" selected="selected">{sitename}</option>
<option spry:default="default">{sitename}</option>
</select>
Any Help would be Great!
WBell<select name="gallerySelect" id="gallerySelect" onchange="dsGalleries.setCurrentRowNumber(this.selectedIndex);" spry:repeatchildren="dsGalleries" spry:choose="choose">
<option spry:when="{ds_RowNumber} == {ds_CurrentRowNumber}" selected="selected">{sitename}</option>
<option spry:default="default">{sitename}</option>
</select>
If i understand you correctly you want to use links, instead of a select.. You can do it like this:
<ul spry:repeatchildren="dsGalleries">
<li><a href="#{ds_RowNumber}" onclick="dsGalleries.setCurrentRowNumber(this.href.replace(/\#/g,''));">{sitename}</a></li>
</ul> -
Resizing/fading dynamic gallery issues...
Hey there. I'm kind of in a huge deadline crunch.
I have a gallery that I built from a tutorial I found
online--it has an empty mc with a border around it, and when you
click on a thumbnail an image is loaded into the mc and it fades in
when it loads in and out.
Ofcourse it works fine offline, but when I test it online the
image will load in off-center, if you click the thumbnail again
(after it has loaded the first time) it loads in the position it
should be in.
Here is the code I have on the first frame:
spacing = 1;
containerMC._alpha = 0;
MovieClip.prototype.loadPic = function(pic){
containerMC._alpha = 0;
this.loadMovie(pic);
onEnterFrame = function(){
var t = containerMC.getBytesTotal(), l =
containerMC.getBytesLoaded();
if (t != 0 && Math.round(l/t) == 1){
var w = containerMC._width + spacing, h = containerMC._height
+ spacing;
border.resizeMe(w, h);
delete this.onEnterFrame;
MovieClip.prototype.resizeMe = function(w, h) {
var speed = 3;
this.onEnterFrame = function() {
this._width += (w-this._width)/speed;
this._height += (h-this._height)/speed;
if (Math.abs(this._width-w)<1) {
this._width = w;
this._height = h;
containerMC._x = this._x-this._width/2+spacing/2;
containerMC._y = this._y-this._height/2+spacing/2;
containerMC._alpha += 5;
if (containerMC._alpha>90) {
containerMC._alpha = 100;
delete this.onEnterFrame;
and here is the code that I have on my btns:
on(release){
_parent.containerMC.loadPic("pic_001.jpg");
Any suggestions???
I really need some quick help on this one.
Thanks so much in advanced!!!
hutch.I changed some of the code around and have been trying to
trouble shoot this for a while. Here is the code I have now:
spacing = 10;
containerMC._alpha = 0;
MovieClip.prototype.loadPic = function(pic){
containerMC._alpha = 0;
this.loadMovie(pic);
onEnterFrame = function(){
var total = Math.round(containerMC.getBytesTotal()/1024);
var loaded = Math.round(containerMC.getBytesLoaded()/1024);
if (total != 0 && loaded>=total){
var w = containerMC._width + spacing;
var h = containerMC._height + spacing;
border.resizeMe(w, h);
delete this.onEnterFrame;
MovieClip.prototype.resizeMe = function(w, h) {
var speed = 3;
this.onEnterFrame = function() {
this._width += (w-this._width)/speed;
this._height += (h-this._height)/speed;
if( Math.abs(this._width-w)<1 &&
Math.abs(this._height-h)<1){
this._width = w;
this._height = h;
containerMC._x = this._x-this._width/2+spacing/2;
containerMC._y = this._y-this._height/2+spacing/2;
containerMC._alpha += 5;
if (containerMC._alpha>90) {
containerMC._alpha = 100;
delete this.onEnterFrame;
And I'm pretty sure the issue of the image loading messed up
on the first time is because of the last bit of code for the fade
in--
if (containerMC._alpha>90) {
containerMC._alpha = 100;
delete this.onEnterFrame;
but, I'm not exactly sure how to fix it. I took it out and
just had the images load in with no fade and it seemed to work fine
with no weird loads on the first clicks----but I would really like
to incorporate the fade, it just adds that little something that I
need in this site.
Any thoughts????
thanks,
hutch -
Have a image gallery control in a custom ribbon for a Word 2010 template. I'm getting the images out of a directory that gets large fairly often, so I limit the initial number of pics to 16 (In a 2x4 gallery). The gallery has a button for showing
additional files. This works, sorta. I invalidate the control and more files are added to the gallery. BUT the gallery closes on refreshing, and I have to reopen it to see the additions. Any ideas on how to show more images with the gallery
remaining open?Hello Jay,
The Fluent UI doesn't provide anything for that.
The Fluent UI (aka Ribbon UI) is described in depth in the following series of articles in MSDN:
Customizing the 2007 Office Fluent Ribbon for Developers (Part 1 of 3)
Customizing the 2007 Office Fluent Ribbon for Developers (Part 2 of 3)
Customizing the 2007 Office Fluent Ribbon for Developers (Part 3 of 3) -
SPRY GALLERY STATIC - main image caption from alt attribute?????
I have been searching and digging for an answer to this question, but nothing comes up... the web , discussions, spry documentation... there is no joy to be had where the static gallery is concerned.
Please, could someone here enlighten me? I am trying to figure out how to add captions with static links. I have a working version of the gallery with thumbnails embedded on the page, but am stuck trying to bring the ALT attribute into the main image.
I have just finished a redesign of my boyfriend’s site, which is image heavy and uses the dynamic gallery in many of its pages (no problem with captions there). I am trying to replace the XML with static content for usability, tracking and general search engine issues. I could post a link to my static version if this helps clarifying the problem.
Help would be hugely appreciated.Please read what I am writing to you.
SparklyArt wrote:
Thank you Ben, for your informative reply and link!
I can see the advantages of an html dataset, it makes a lot of sense, but the problem I am trying to solve right now is due to the fact that the spry gallery static does not use any dataset at all, which is actually great, but I can’t find any information on how to add titles to the main images.
Maybe this will clarify... my test page < http://www.theoland.com/art/spryGalleryStatic.htm > is based on this example:
< http://labs.adobe.com/technologies/spry/demos/gallery_pe/static/china.html > - here, the embedded thumbnails are linked directly to the main images... no xml, no dataset... but, unfortunately, no titles either... are there any scripts that would help solve this? Can the gallery_init.js be modified to grab the alt or title tag?
The site has validated as it is (gallery test not included), but the dynamic pages are definitely not search engine friendly. The static gallery_pe would be a lovely alternative.
Can you help?
Even though you might not think so, your static gallery does have a database of sorts albeit in the form of images placed in a folder. This is called a flat database because it does not have the different relationship tiers of the likes of MySQL.
To update your database, you simply add/remove/change an image and to link that data to your web page you add/remove/change the link; exactly the same process as with MySQL.
The problem that you are faced with is that, except for the name, width, height, size, encode type, there is no information attached to the image that you can use for a caption or title.
That is why I suggested using an HTML table so that you can marry your image up to some useful information. No JavaScript required! These sorts of tables have been in use for more two decades to show the same as what you are showing in your static gallery; but without the fancy features that JavaScript (in our case Spry) adds.
These pages give us the ultimate in search engine intimacy.
Having established the above, we make use of the HTML table to create a Spry dataset on the same page. Nothing else changes.The Spry dataset can then be used to incorporate the fancy features that you so desparately want all without XML.
JavaScript (in our case Spry) data is not search engine friendly, but because we already have the data in our static HTML table we do not have to wory about that.
The end result is a good looking site that is search engine friendly.
Ben -
Dynamic (?) image content
Hello,
I am creating a website to showcase my artwork, I already
have a version online but it needs redesign as it uses very messy
tables and I've just learnt CSS.
I need to find a way to make the image pages dynamic (I
think).... please view the following pages to see what I am trying
to achieve:
http://www.workbygee.co.uk/pafs.htm
- main thumbnails, click one and it leads you to...
http://www.workbygee.co.uk/pafs24.htm
- which has up to 3 different versions of the image so that you can
see the painting in detail.
Now, the problem I have is that I have loads of different
pieces of artwork I want to display, however my Dreamweaver
knowledge only allows me to create a page per artwork, so everytime
you view a different piece of artwork you are loading a whole new
web page. Furthermore, everytime I add a thumbnail I have to shift
all the others along one so that the newest added is viewed first,
lengthly process of link changing.
Every page of a particular artwork looks identical in layout,
so is there some way I can make the ONLY the content change? I
believe this is a dynamic function, I have tried reading up on it
but could only find examples for dynamic searches and address book
database things.
Basically I am asking if you can tell me an easier, more
effective way of creating the above mentioned area of my site than
creating every page individually.
I hope I have made my question clear, if you need me to
elaborate please let me know.
Many thanks for your time
GEEG E E wrote:
> Hi David,
> I've just tried emailing you but it wouldn't send for
some reason...
I don't accept email from public forums. The help I give here
is free,
so it needs to be publicly available to everyone.
> As you can see I apparently need to make you my new best
friend!
Murray also suggested that you should get hold of a copy of
my book
("Foundation PHP for Dreamweaver 8"). Buying a copy of my
book doesn't
guarantee friendship, but it will certainly answer many of
your
questions, including how to build a dynamic gallery.
> One intitial question... should I create an HTML page
with divs made with CSS
> that I want my dynamic content to fit into, or do I
create the page layout and
> the dynamic content in PHP?
If you are good at visualizing things through code, you can
build it
straight from scratch in HTML and PHP. Often, though, it's a
good idea
to create something in a static web page first, and then use
PHP to
generate the dynamic code.
David Powers
Adobe Community Expert
Author, "Foundation PHP for Dreamweaver 8" (friends of ED)
http://foundationphp.com/ -
Reducing Load Times / Design Architecture
I'm designing a flash site with a Dynamic Gallery (loading images from a XML file). what can I do to reduce load time at the beginning, or limit loading times to individual images?
I've seen designs which loads another SWF file on top of the current one. Is this feasible?
Any details would be greatly appreciated.If loading the images is the goal of the file, then the quickest way to do that is to concentrate on the images. Any way you load them, they have to be loaded. Be sure they are optimized for the web. If the gallery intent would allow for it, have the images loaded on request, using thumbnails or other button-like interfaces. Or maybe load different sections at a time. Or load so many at first, then load the rest in the background so that there's something to look at while the rest load.
I don't know what purpose you have in mind for loading another swf into the file, so I can't offer any ideas there. -
How do you create photo galleries in Dreamweaver CS5?
Hi,
I am trying to figure out how to create a photo gallery for my website http://www.topworlddirectory.com
Please suggest. My site is built in classic ASP.
Does Dreamweaver have a built in tool , widget to do this?
thx
kansunkansun,
If you want a PHP/MySQL-driven gallery, buy David Powers' book, 'PHP Solutions' and follow the tutorials. It is an excellent walkthrough on PHP and MySQL, and the best part is, it shows how to build an online photo gallery.
As I was told a long time ago, it's best to learn to hand code. As the other post said, there are many ways to do this, many of the slickest ones are run with jQuery. Still, if you want a dynamic gallery, you need to learn PHP and MySQL.David's book is such a valuable resource and he is an excellent teacher. I was able to follow the book and build my own gallery. I can not recommend this book enough
I hope this helps!
Sincerely,
wordman -
Xap rating metadata lightroom bridge cs2
Is there anyone out there who can tell me why the xap metadata is written so differently in lightroom jpegs as compared to bridge CS2?
I've had writtena feature on my dynamic gallery on my website that reads the xap rating in bridge-produced jpegs, but doesn't work with lightroom produced ones. When I read the metadata from the 2, the structure was totally different. I dont suppose anyone from the development team would care to tell us how lightroom and bridge CS2 read the different xap structures - it would give me a clue how to re-write the function on my website.
Also are there plans to make the current structure standard? Does bridge CS3 for instance produce jpegs with the same structure in the metadata?
Thanks!Yup, Bridge is just a Browser. ACR and Photoshop do the work.
AFFAIK.
Don
Don Ricklin, MacBook 1.83Ghz Duo 2 Core running 10.4.10 & Win XP, Pentax *ist D
See LR Links list at my
Blog for related sites. -
CS3 and AS2: Embedding an external swf file
Hey everyone,
I have built a few flash sites before and am trying to make one that is slightly more complicated and allows for dynamic, database stored images and text. I have built a dynamic gallery based on an XML feed in AS2 which works fine. I am trying to embed it into another FLA file that contains the remainder of the site (the gallery will be one page of the main site). I have tried a ridiculous number of different methods but just cannot get it to work. The gallery is built in AS2, so I am using an AS2 FLA file for the main template it is to be embedded in. The simplest method i have tried that i think should work is to create a new AS2 fla file, edit the actions on my actions layer to be:
Empty.loadMovie("My Gallery.swf");
I have then created a new layer for the content and added a MovieClip to the top left of it, named Empty. I have set the instance name of this movie clip to be Empty. From what I have understood from my reading this is the simplest way to display the external file but for some reason it just will not work. It seems to see My Gallery.swf as when i delete it from the local directory i get an 'Error opening URL 'file:///D|/Websites/My Gallery.swf'' message. This message does not appear when this file exists locally, however it just opens a blank screen with nothing within it.
I have been reading numerous tutorials and posts and i'm pretty sure i'm being thick, but for some reason i can't seem to get it to work!
Thanks so much for any light you could shed on this for my guys, it's driving me crazy!
DaveI have checked that a number of times and unless i'm going crazy (which is distinctly possible) then the instance name is set to Empty. I have uploaded a zip file containing the fla and swf file and the test swf file that is being embedded. You can download it here.
Thanks so much for your help, i really am completely stumped and i know it's going to be something crazy i'm doing and i'm going to hate myself when i finally discover why!
Dave -
Spry gallery_pe, add caption to photo
I have created a dynmic photo gallery using the example files
included with the Spry demos. This dynamic gallery uses the
gallery_xds.js file. I am trying to add a caption under the photo.
I can get the caption for the first photo to show but it does not
change when the next photo is displayed.
Does anyone know how to do this? I am a novice as javascript
and not familiar with it much.
Thanks,
LindaThanks so much for the links. I have a question that I could
not find an answer to. This refers to the code provided by
epsilon718, on Monday, October 15, 2007 4:11 AM. It appears below
my question.
My question: The only part that is not clear is this:
================== index.html =================
1) in the div with id thumbnails, add the following to the
<a> tag: id="{ds_RowID}"
Here is the original code from the spry demo:
<div id="thumbnails" spry:region="dsPhotos">
<div class="thumbnail" spry:repeat="dsPhotos"><a
href="{path}"><img alt="" src="{thumbpath}"
/></a></div>
As you can see it is an a href tag. Where do you add the
id="(ds RowID}" ?
Here is the entire code provided:
Answer
Hi,
I was able to get the caption to show up with a few minor
changes to few of the files. The changes I made do not make the
caption appear on only the first image when in slideshow mode.
After the first image, they'll appear. Also, If you click on the
thumb, they'll show up. Find the changes with the file names below:
================== index.html =================
1) in the div with id thumbnails, add the following to the
<a> tag: id="{ds_RowID}"
2) In the div with id picture, add another div with id
captionText:
<div id="picture">
<div id="captionText"></div>
<div id="mainImageOutline"><img id="mainImage"
alt="main image" src=""/></div>
</div>
================== gallery_init.js ===============
1) modify the signature of InitializeGallery function to take
in the dataset as a parameter:
function InitializeGallery(ds)
2) replace the gThumbViewer.addObserver with the following:
gThumbViewer.addObserver(function(notificationType, notifier,
data)
if(!data)
return;
if (notificationType == "onSelect")
gImageViewer.setImage(data.href);
var row = ds.getRowByID(data.id);
Spry.$('captionText').innerHTML =
row['photos/photo/@caption'];
========================= gallery_xds.js =================
change the call to InitializeGallery function (line 86) by
passing in the data set:
InitializeGallery(dsPhotos);
======================= XML files ==================
add in your caption text as an attribute of the photo tag,
just like path, thumbpath, etc are.
====================== SpryThumbViewer.js ==========
in the Spry.Widget.ThumbViewer.prototype.select function,
modify the calls to notifyObservers to accpet 'a' instead of
'a.href':
if (a)
//this.notifyObservers("onSelect", a.href);
this.notifyObservers("onSelect", a);
if (img == imgs[0])
this.notifyObservers("onFirstSelect", a);
if (img == imgs[imgs.length - 1])
this.notifyObservers("onLastSelect", a);
I think that's about it. Give it a try and let me know if
there are any other problems.
If you can help, that would be great. Thank you, Linda -
Hi,
I'm creating this flash dynamic gallery,
can you check this and tell me how can i smooth this
tweenings,
sometimes its not smooth,
http://www.freative.com/test/gallery/slow your easing.
Maybe you are looking for
-
How can I delete the catalog in PSE 3.0 and start over?
I'm running PSE 3.0 on Windows XP Home Edition. I'd like to delete the catalog and start over. The database seems to have become corrupted and I'd like to start over.
-
So this problem is annoying me. Is there any setting that has been added and this got messed up or is it a bug? In CS6 I could turn around my pen and use the eraser tip and change the size of it. Now in CC 2014 I can't do it. I have to manually click
-
Range options in screen painter
Developed an application in ABAP for employee entitlement. Most of the screens are designed in Screen painter as they has to be run for single Emp. psl no. But screen for infosystems (2000) is designed using selection-screen as it can be run for sing
-
Referenced database organization for big projects
i am in desperate need of some software to organize my various projects. i am including just one kind of example below but there are other needs that are related. perhaps some folks can throw out ideas along with how /they/ use the software? i would
-
Write an imageIcon or buffered image to file (or to system clipboard)
hi all, I just want to write an imageIcon to file, or a bufferedImage. Anyone have any ideas. Or pointers of where to start?