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.html

    I 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.

  • Dynamic Gallery in Flash

    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

  • Dynamic Gallery updating

    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
    GEE

    G 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
    kansun

    kansun,
    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!
    Dave

    I 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,
    Linda

    Thanks 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

  • Smooth motion  Tween

    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