Need help positioning flash photo gallery partially behind graphic.

I have created the basic photoshop layout that I will now be assembling in Dreamweaver.  I wish to create a 4 or 5 image gallery using LightBox 2 that will rotate images within the header graphic.  Image attached. How would I accomplish this code wise.  Would I place the arched graphic within it's own <div> and float it above the div that holds the slideshow/gallery?  Any help would be appreciated.

To the example that you have linked to above, make the following additions
  <div id="arch-container" style="position:relative;">
    <div id="arch-img" style="position:absolute; top: 170px;"><img src="images/arch-img.png" alt="arch_img" width="959" height="195" /></div>
  </div>
I have used inline styles to make it easy on myself, but in reality you would put the style rules in the corresponding element selector in the CSS. Also, you would readjust the values to suit.
Also, it is worth mentioning that placing a width and height on your image as you have done, should really be done using CSS.
Added:
As a side note, I have gotten into the habit of using classes for all of my style rules. I came to the conclusion that this is the way to go when trying to analyse a problem within my web page. ID's are unique per document and as such are used when manipulating the DOM using JavaScript. Now when I see an ID in one of my documents, I know that it is not a styling matter as in CSS, but a problem within my script.
Take the above note as a thought, because there is a ongoing debate about this.
Message was edited by: Altruistic Gramps

Similar Messages

  • Need Help Removing XML Photo Gallery on Button Click

    Hi, I'm new to flash so this might seem like a dumb question, but I'm right in the middle of designing a photography site and need some help.  I have 4 buttons in my timeline that go to the corresponding frame labels when clicked, above each frame label is a keyframe with actionscript applied to it, that will load an external XML photo gallery. I need the current photo gallery that's on the screen to disappear when I click on a new button to load the new XML photo gallery.  this is the code that will be above each frame label with a few changes, then below this is the code for my buttons. Any help is greatly appreciated. Thank you  Code: Select all var imageX:XML; var imageList:XMLList;  var canvas:MovieClip = new MovieClip(); var picLoader:Loader; addChild(canvas); canvas.x = -155; canvas.y = 160;   var req:URLRequest = new URLRequest("gallery.xml"); var imageLoader:URLLoader = new URLLoader(); imageLoader.addEventListener(Event.COMPLETE, onComplete); imageLoader.load(req);  function onComplete(e:Event):void { imageX = new XML(imageLoader.data); imageList = imageX.image; picLoader = new Loader(); picLoader.contentLoaderInfo.addEventListener(Event .COMPLETE, imageLoaded); picLoader.load(new URLRequest (imageList[0].url)); }  function imageLoaded(e:Event):void  { canvas.addChild(picLoader); }    Code for the buttons in different keyframe.  Code: Select all stop();  kids_btn.addEventListener(MouseEvent.CLICK,onKidsClick); couples_btn.addEventListener(MouseEvent.CLICK,onCouplesClick); portraits_btn.addEventListener(MouseEvent.CLICK,onPortraitsClick); bellies_btn.addEventListener(MouseEvent.CLICK,onBelliesClick);  function onKidsClick(e:MouseEvent):void { gotoAndStop("kids"); }  function onCouplesClick(e:MouseEvent):void { gotoAndStop("couples"); }  function onPortraitsClick(e:MouseEvent):void { gotoAndStop("portraits"); }  function onBelliesClick(e:MouseEvent):void { gotoAndStop("bellies"); }

    Hi, I'm new to flash so this might seem like a dumb question, but I'm right in the middle of designing a photography site and need some help.  I have 4 buttons in my timeline that go to the corresponding frame labels when clicked, above each frame label is a keyframe with actionscript applied to it, that will load an external XML photo gallery. I need the current photo gallery that's on the screen to disappear when I click on a new button to load the new XML photo gallery.  this is the code that will be above each frame label with a few changes, then below this is the code for my buttons. Any help is greatly appreciated. Thank you  Code: Select all var imageX:XML; var imageList:XMLList;  var canvas:MovieClip = new MovieClip(); var picLoader:Loader; addChild(canvas); canvas.x = -155; canvas.y = 160;   var req:URLRequest = new URLRequest("gallery.xml"); var imageLoader:URLLoader = new URLLoader(); imageLoader.addEventListener(Event.COMPLETE, onComplete); imageLoader.load(req);  function onComplete(e:Event):void { imageX = new XML(imageLoader.data); imageList = imageX.image; picLoader = new Loader(); picLoader.contentLoaderInfo.addEventListener(Event .COMPLETE, imageLoaded); picLoader.load(new URLRequest (imageList[0].url)); }  function imageLoaded(e:Event):void  { canvas.addChild(picLoader); }    Code for the buttons in different keyframe.  Code: Select all stop();  kids_btn.addEventListener(MouseEvent.CLICK,onKidsClick); couples_btn.addEventListener(MouseEvent.CLICK,onCouplesClick); portraits_btn.addEventListener(MouseEvent.CLICK,onPortraitsClick); bellies_btn.addEventListener(MouseEvent.CLICK,onBelliesClick);  function onKidsClick(e:MouseEvent):void { gotoAndStop("kids"); }  function onCouplesClick(e:MouseEvent):void { gotoAndStop("couples"); }  function onPortraitsClick(e:MouseEvent):void { gotoAndStop("portraits"); }  function onBelliesClick(e:MouseEvent):void { gotoAndStop("bellies"); }

  • DW8 - Need help with Flash Mirror Gallery by Flashdevelopment24

    I just purchased an image viewer called Flash Mirror Gallery by Flashdevelopment24:
    http://www.flashdevelopment24.com/extensions/flash_photo_gallery_06.aspx
    I use DW8. Unfortunately the wizard and the instructions are WAY beyond me. I can insert the object on my page but I have no clue how to import images into it, do I need to create separate thumbnails?, etc. Its a European company and the English isn't taht great either which doesn't help.I went through all their FAQs and examples and I don't have a clue.
    I'm doing something very simple, all I need are VERY simple directions on how to make this work. It would be best if there was a YouTube or other video tutorial available. I paid 45 buck for this and it useless to me right now. Help!

    I paid 45 buck for this and it useless to me right now. Help!
    Sorry can't help, don't know the product at all.
    If you are having problems with it, then it's best to contact the people you purchased it from no?  They should either help you with support issues, you you should get a refund if it doesn't work as expected.
    Nadia
    Adobe® Community Expert : Dreamweaver
    Unique CSS Templates | Tutorials | SEO Articles
    http://www.DreamweaverResources.com
    Web Design & Development
    http://www.perrelink.com.au
    http://twitter.com/nadiap

  • HELP with Flash Photo Gallery

    I have no clue how to program these flash galleries....My
    site www.al-burke.com contains a flash web gallery that I purchased
    online and I have been able to upload it to the site but its says
    movie not loaded. I have all the neccessary files in place I
    believe (gallery.xlm, main.html, main.swf) all under a folder. Can
    anyone please help me out? Thanks

    I went to al-burke.com, but the site doesn't actually load.
    Do the files that you have work on your computer?

  • Need help with DW photo gallery

    I'm learning DW the hard way, trial & error. I've created
    my photo album & uploaded it. It looks find, but when I click
    on the pictures to enlarge them I get the message "ooops no page
    found". What do I do to resolve this issue? I know I'm missing a
    step.
    Please help me!!! Thanks, Barbara

    Look at the path to the larger image. Is the path correct?
    Did you upload
    the larger photos?
    Can you post a URL to your site?
    Nancy Gill
    Adobe Community Expert
    Author: Dreamweaver 8 e-book for the DMX Zone
    Co-Author: Dreamweaver MX: Instant Troubleshooter (August,
    2003)
    Technical Editor: Dreamweaver CS3: The Missing Manual,
    DMX 2004: The Complete Reference, DMX 2004: A Beginner's
    Guide
    Mastering Macromedia Contribute
    Technical Reviewer: Dynamic Dreamweaver MX/DMX: Advanced PHP
    Web Development
    "whuzthere" <[email protected]> wrote in
    message
    news:fs4591$6ir$[email protected]..
    > I'm learning DW the hard way, trial & error. I've
    created my photo album
    > &
    > uploaded it. It looks find, but when I click on the
    pictures to enlarge
    > them I
    > get the message "ooops no page found". What do I do to
    resolve this
    > issue? I
    > know I'm missing a step.
    >
    > Please help me!!! Thanks, Barbara
    >

  • Flash Photo Gallery Image Rollover Help

    Ok I was wondering if anyone could help me with this I have
    created a flash photo gallery which reads from an xml file. It uses
    the following action script
    myPhoto = new XML();
    myPhoto.ignoreWhite = true;
    myPhoto.onLoad = function(success) {
    //portfolioTag = this.firstChild;
    numimages = this.firstChild.childNodes.length;
    spacing = 70;
    for (i=0; i<numimages; i++) {
    this.picHolder = this.firstChild.childNodes
    this.thumbHolder =
    thumbnails.createEmptyMovieClip("thumbnail"+i, i);
    this.thumbHolder._x = i*spacing;
    this.thumbLoader =
    this.thumbHolder.createEmptyMovieClip("thumbnail_image", 0);
    this.thumbLoader.loadMovie(this.picHolder.attributes.thmb);
    this.thumbHolder.title = this.picHolder.attributes.title;
    this.thumbHolder.main = this.picHolder.attributes.main;
    this.thumbHolder.onRelease = function() {
    loader.loadMovie(this.main);
    title_txt.text = this.title;
    myPhoto.load("xmlphoto.xml");
    I want to add in a rollover effect to the gallery similar to
    the one in Flash Gallery 1 in photoshop
    http://www.adobe.com/support/downloads/detail.jsp?ftpID=2961
    Would it be possible to take one of the as files from the Flash
    Gallery source and intergrate it into my gallery or would I be
    better just adding the rollover effect myself?

    the thumbnail (or its unique parent if you setup this up
    without fore-thought) should be a movieclip that stores a reference
    to the larger image's path.
    search google for flash gallery tutorial. there are bound to
    be lots of tutorials.

  • Adding a Flash photo gallery on DW

    So, I'm trying to add a flash photo gallery on my site.  I am very new to this and cant seem to figure out how to do it exactly.
    I've found free templates online and downloaded the files.  But I am unsure where to go from there.  Like I said, I very unexperienced with this program, I did find the add flash option, but am unsure which files to add.
    Any help would be greatly appreciated!
    Thank you 

    Hi
    The documentation confirms what I have written in my previous post it is controlled by an xml file.
    Copy all the files required as indicated by the documentation into the required folder and open the gallery.xml file in dreamweaver.
    Insert the images file locations into the xml file as indicated in the example. Important - the location of the files MUST represent where they would be if referenced from the html page you are inserting the image gallery into.
    This means that it is probably better if you create the xml file in the same file position as the html page and the copy this file into the required position in the gallery folder that they suggest you create.
    PZ

  • Flash Photo Gallery Template 3 for CS2

    I am trying to build a flash photo gallery using template #3
    from Photosho CS2. I can not figure out where in the scripting the
    wmode=transparent param goes. The swf is embeded using a script.
    gallery is located here:
    http://www.depasqualeacademy.com/jay/photo_gallery
    I tried to contact Chopping Block, but they do not support
    the template and Geoff Stearns no longer works there.
    please help-
    [email protected]

    This is all one great learning experience, kevin.
    Just jump into the cold water and soon you will be swimming.
    First try to load any pictures at all, later deal with the
    thumbnails, even later with greyed out and so on.
    Start here:
    http://www.kirupa.com/developer/mx2004/xml_slideshow.htm
    Then go here:
    http://www.kirupa.com/developer/mx2004/thumbnails.htm

  • Coffee Cup Flash Photo Gallery

    Hello Everyone,
    Do you know, if Coffee Cup Flash Photo Gallery works within a
    Flash website. Has anyone used any
    CoffeeCup software with FLash CS3?
    Thanks for your help!
    Franchelle

    "ImagicDigital" <[email protected]> a
    �crit dans le message de
    news: e54tsr$qit$[email protected]..
    > Check out SlideShowPro:
    >
    >
    http://www.slideshowpro.net/
    >
    > It's very classy and malleable. You can set up the
    original XML file and
    > then your client can edit it in a simple text editor to
    add, swap, or
    > caption images. I think it's around $20.
    Wahou ! Very nice !
    Do you know other extensions (not only photo galleries) of
    this quality ?
    seb

  • NEWBIE: Flash photo gallery! Images are pixelated:(

    Greetings everyone. I created a Flash photo gallery using
    gifs. While most of the images are acceptable visually, a bunch of
    them are quite pixelated.
    I read online that I am supposed to use vector graphics
    whenever possible, but not all images where created as vector
    graphics.
    I have a few questions:
    If I create the image in illustrator, what format should I
    save it as to be used in a Flash gallery? If I create the image in
    Photoshop what format should I save it as?
    Lastly, is it true that Flash will load vector graphics
    quicker than gifs?
    Any info would be appreciated! Oh yeah, my site is
    inthemixgraphics.com

    if you create an illustrator file, actually drawing with the
    tools rather than just importing a bitmap and exporting it again,
    it will indeed give you a vector file you can work with. you can
    even export it as images that are readable by flash-- however,
    you'll get the best looking stuff if the vector is basically
    rewritten in flash. Import a (dot)eps file into flash, and break it
    apart. Look at how the objects maintain their shape.
    Now publish the thing and look at the bandwidth viewer. Is
    the filesize much smaller than if you imported the .jpg? It should
    be, but at least there is a way to check it.
    I get the most pixalation from images when I'm forced to
    scale .png's down by less than a perfect %. Its weird.
    If you're loading externally, I'm not entirely sure the
    correct process to bring an optimized vector in, as my thoughts are
    that it would be the actual size of the .eps image (or .swf if you
    can export to that) itself.
    --I hope this makes some sort of sense, and if it doesn't
    you'll have to forgive me.
    HmcH.

  • Inserting a flash photo gallery in a column

    Hi
    I usually work with frames but I now started a new site using
    the default HTML 2 columns template. One of the columns will hold
    my main content. I'm trying insert a flash photo gallery in the
    column but this gallery (SimpleViewer) has its own index.html file.
    Is this possible and how can I do it?
    Thanks!

    Hi Anthony:
    Have you tried simply applying iMovie's 'Flash" effect to the slug?
    Sue

  • Need help for flash builder

    i need help for flash builder 4 and papervison 3d. I need to create a slider with it ranges of value from 10 to 50 to adjust the camera values for the camera.fov and also need to create it for the yaw of the object from 0 to 360. I try to look for any slider event and classes in this program but cant find any, btw, i need to use the AS only project file.
    here is my codes:
    can you please tell me how i should modify the codes?
    package
        import flash.display.BitmapData;
        import flash.display.Sprite;
        import flash.events.Event;
        import org.papervision3d.materials.BitmapFileMaterial;
        import org.papervision3d.materials.BitmapMaterial;
        import org.papervision3d.objects.primitives.Sphere;
        import org.papervision3d.view.BasicView;
        [SWF (width="800", height="600", backgroundColor="0x000000",frameRate="30")]
        public class EarthBitmap extends BasicView
            private var sphere:Sphere;
            public function EarthBitmap()
                super(800 , 600);
                var earthmaterial:BitmapFileMaterial = new BitmapFileMaterial("../assets/Earth.jpg");
                sphere = new Sphere(earthmaterial,100,20,18);
                camera.fov = 25;
                scene.addChild(sphere);
                addEventListener(Event.ENTER_FRAME,rotateSphere);
            public function rotateSphere(evt:Event):void
                sphere.yaw(0.2);
                singleRender();

    Turn the click handler into a full on separate function. Then store all the views in an array and use Math.rand() to randomly choose one.
    Something like this:
    <fx:Script>
         <![CDATA[
              var questionsArray:Array = {question2,question3,question5,questionRed,questionGeography};
              function buttonClickHandler(event:MouseEvent){
                   var randomProblem:int = Math.floor(Math.random()*(questionsArray.length));     //generates a random integer between 0 and the total number of questions in the array (arrays are 0-based)
                   navigator.pushView(questionsArray[randomProblem]);
         ]]>
    </fx:Script>
    <s:Button id="randomProblemButton" label="Next Problem" click="buttonClickHandler(event)" />
    Haven't tested that, but something along that line should work

  • I need help buying iPhoto photo album.

    I need help buying iPhoto  photo album. iPhoto was built in to my iMac. I am supposed to be able to make picture albums using my photos. It won't let me purchase the photo album i just made. I can't find any kind of help anywhere. Please help

    If you have iPhoto '08 or older it is no longer supported for print products
    If you have iPhoto '09 or '11 reboot, launch iphoto and
    Before ordering your book preview it using this method - http://support.apple.com/kb/HT1040 - and save the resulting PDF for reference - the delivered book will match it.
    If the preview s good and you can not order boot into safe mode, preview again and order
    LN

  • I need help with the photo stream. Everytime I try to open it on my PC it says photo stream is unable and I have tried everuthing to enable it but it doesn't work. Any help, please?

    I need help with the photo stream. Everytime I try to open it on my PC it says photo stream is unable and I have tried everuthing to enable it but it doesn't work. Any help, please?

    Freezing, or crashing?
    ID on the Mac can produce reports that may (or may not) prove helpful in diagnosing the problem. I suspect this is something not directly related to InDesign, and maybe not to any of the Adobe apps directly since you seem to be having a problem in more than one. That often inidcates a problem at the system level.
    Nevertheless, it won't hurt to try to gather the reports. You'll find driections for how to generate them, and to post them on Pastebin.com (then put a link to them here) so we can see what's going on at Adobe Forums: InDesign CS5.5 Not Responding
    Do you happen to run a font manager? If so, which one, and waht version?

  • Flash not displaying photos in Flash photo Gallery

    I have several web sites that use a flash photo gallery to display the photos. All worked until a few months ago when the photo were not displayed to users who used Mozilla Firefox, or MAC users using Safari for their browsers. The albums were blank, the thumbnails were blank. Yet if you used Google Chrome or Internet Explorer, all photos displayed perfectly. I have been to the Firefox forums and they point to Flash. I was using Flash 11.5.502.146, then I downgraded to Flash 10.3. To my surprise all photos display now on my Firefox browse V18.0. So there is definitely a problem with the newer Flash displaying photos in a flash gallery. What can be done to fix this?

    report the bug:  https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform

Maybe you are looking for