OT: New Image Gallery

For those who have not see the new PVII Image Gallery Magic
extension in
action, take a look here -
http://www.wildimages.biz
It's based on a KeyLime Page Pack from PVII - I think the two
go together
nicely.
What you see there is an out of the box IGM gallery, and a
gently modified
KeyLime layout....
By the way, this is a site I have recently uploaded for my
brother and
sister-in-law.
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
==================

Then say hello to HER! 8)
She's waving. Hmmm - is that her whole hand?
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
==================
"Al Sparber- PVII" <[email protected]> wrote in message
news:[email protected]...
>I see him.
>
>
> "Murray *ACE*" <[email protected]>
wrote in message
> news:[email protected]...
>> Over there.
>>
>> --
>> 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
>> ==================
>>
>>
>> "Al Sparber- PVII" <[email protected]> wrote
in message
>> news:[email protected]...
>>> No. I mean where was he standing :-)
>>>
>>>
>>> "Murray *ACE*"
<[email protected]> wrote in message
>>> news:[email protected]...
>>>> Antarctica. About 2 months ago.
>>>>
>>>> --
>>>> 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
>>>> ==================
>>>>
>>>>
>>>> "Al Sparber- PVII" <[email protected]>
wrote in message
>>>> news:[email protected]...
>>>>> Where was he when he took the picture?
>>>>>
>>>>>
>>>>>
>>>>> "Murray *ACE*"
<[email protected]> wrote in message
>>>>>
news:[email protected]...
>>>>>> Yeah - that's one of my favorites.
But this one is incomparable, I
>>>>>> think -
>>>>>>
>>>>>>
http://www.wildimages.biz/wi_gallery-wildlife.shtml?pic=50
>>>>>>
>>>>>> --
>>>>>> 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
>>>>>> ==================
>>>>>>
>>>>>>
>>>>>> "Gary White"
<[email protected]> wrote in message
>>>>>>
news:[email protected]...
>>>>>>> On Tue, 25 Apr 2006 10:14:09
-0400, "Murray *ACE*"
>>>>>>>
<[email protected]> wrote:
>>>>>>>
>>>>>>>>
http://www.wildimages.biz
>>>>>>>
>>>>>>>
>>>>>>> I like this one:
>>>>>>>
http://www.wildimages.biz/wi_gallery-wildlife.shtml?pic=3
>>>>>>>
>>>>>>>
>>>>>>> Gary
>>>>>>
>>>>>>
>>>>>
>>>>
>>>>
>>>
>>
>>
>

Similar Messages

  • Photo gallery able to reorganise into subcategories + adding new images via in-browser editing

    Hi,
    I'm looking for a photo gallery which has the ability to reorganise the images displayed based on subcategories or tags. For example I want to add a gallery which contains photos of a clients projects. The client wants site visitors to be able to shuffle the gallery to view only for example "stone walls" or "timber decking". A tagging system would be handy rather than having to load the photos into each subcategory.
    The other consideration is that my client needs to be able to add new images with tags using the in-browser via Business Catalyst. So far I have only succeeded in replacing existing images rather than adding new images.
    Is there such a widget for Muse or are there anyother widgets for wordp-ress or other which could be embedded to tdo the job.
    Thanks in advance,
    Jimmy

    Hi Jimmy
    If I am not wrong, basically you want to provide users an option to select category of images which they want to show up on page.
    From Muse we cannot tag or categorize them , also photogallery module in BC does not provides this option, but there is a workaround with web apps.
    You can create a web app and then web app items as images and then categorize them. On page insert the web app with categories drop down, so when users will select the category those web app items would be displayed on page. Additionally you can add custom fields in web app to search using keyword.
    With editing , clients can login to BC admin and then using photogallery module or web app module ( if used ) to edit the images, add new ones. IBE cannot be used to add new ones but to replace existing ones.
    Helpful Links :
    http://helpx.adobe.com/business-catalyst/partner/web-apps.html
    http://helpx.adobe.com/business-catalyst/partner/building-web-apps-part-1.html
    Thanks,
    Sanjit

  • 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 code won't work

    Please Help, I can't figure this stuff out!
    I've just built my second website and the code for clickable thumbnails for my image gallery doesn't work in Safari, unless I refresh the page. For some reason, a mouseover on a thumbnails fails to call the large image url. I tried adding an auto refresh to the code, but curiously that did not solve the problem.
    Any ideas why this won't work in this Browser, but runs fine in IE and Firefox?
    Thanks for any advice.
    Here is the code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
    <meta name="generator" content="Adobe GoLive 6">
    <title>Welcome to Kimerlee Curyl - p h o t o g r a p h y - horses, pets, el faro, headshots, weddings</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link href="../../web-content/styles.css" rel="stylesheet" media="screen" type+text/css">
    <script language="javascript">
    <!--
    function openLinks(){
    var linksURL = "about.cfm";
    var linksWindow = window.open(linksURL, 'linksWin', 'menubar=no,toolbar=no,width=1024,height=768,resizable=yes,location=no,scrollba rs=yes,screenX=10,screenY=1,left=10,top=1');
    //-->
    </script>
    <csscriptdict import>
    <script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>
    </csscriptdict>
    <csactiondict>
    <script type="text/javascript"><!--
    CSAct[/CMP/ 'bfc75fbb127'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f15.jpg');
    CSAct[/CMP/ 'bfc75fc8128'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/faro2005/f14.jpg');
    CSAct[/CMP/ 'bfc75fd2129'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f13.jpg');
    CSAct[/CMP/ 'bfc75fdd130'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f11.jpg');
    CSAct[/CMP/ 'bfc75fe8131'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f9.jpg');
    CSAct[/CMP/ 'bfc75ff2132'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f7.jpg');
    CSAct[/CMP/ 'bfc75ffd133'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f6.jpg');
    CSAct[/CMP/ 'bfc76008134'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f5.jpg');
    CSAct[/CMP/ 'bfc76014135'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f4.jpg');
    CSAct[/CMP/ 'bfc7601e136'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f3.jpg');
    CSAct[/CMP/ 'bfc76027137'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f2.jpg');
    CSAct[/CMP/ 'bfc76031138'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/faro2005/faro1.jpg');
    var preloadFlag = false;
    function preloadImages() {
    if (document.images) {
    pre_photographyB = newImage('folder/dec_buttons/photographyB.gif');
    pre_KimB = newImage('folder/dec_buttons/KimB.gif');
    pre_docBb = newImage('folder/dec_buttons/docBb.gif');
    pre_weddingsB = newImage('folder/dec_buttons/weddingsB.gif');
    pre_editorialB = newImage('folder/dec_buttons/editorialB.gif');
    pre_petsB = newImage('folder/dec_buttons/petsB.gif');
    pre_headshotsB = newImage('folder/dec_buttons/headshotsB.gif');
    pre_horsesB = newImage('folder/dec_buttons/horsesB.gif');
    pre_bioB = newImage('folder/dec_buttons/bioB.gif');
    pre_ppB = newImage('folder/dec_buttons/ppB.gif');
    pre_contactB = newImage('folder/dec_buttons/contactB.gif');
    preloadFlag = true;
    // --></script>
    </csactiondict>
    <csactions>
    <csaction name="bfc75fbb127" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f15.jpg" urlparams="2"></csaction>
    <csaction name="bfc75fc8128" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/faro2005/f14.jpg" urlparams="2"></csaction>
    <csaction name="bfc75fd2129" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f13.jpg" urlparams="2"></csaction>
    <csaction name="bfc75fdd130" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f11.jpg" urlparams="2"></csaction>
    <csaction name="bfc75fe8131" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f9.jpg" urlparams="2"></csaction>
    <csaction name="bfc75ff2132" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f7.jpg" urlparams="2"></csaction>
    <csaction name="bfc75ffd133" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f6.jpg" urlparams="2"></csaction>
    <csaction name="bfc76008134" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f5.jpg" urlparams="2"></csaction>
    <csaction name="bfc76014135" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f4.jpg" urlparams="2"></csaction>
    <csaction name="bfc7601e136" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f3.jpg" urlparams="2"></csaction>
    <csaction name="bfc76027137" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f2.jpg" urlparams="2"></csaction>
    <csaction name="bfc76031138" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/faro2005/faro1.jpg" urlparams="2"></csaction>
    </csactions>
    </head>
    <body onload="preloadImages();" bgcolor="#471e12" link="#666666" vlink="#666666" alink="#99CCCC">
    <table width="100%" border="0" align="center">
    <tr>
    <td align="center" valign="middle" bgcolor="330000" width="800">
    <!-- TemplateBeginEditable name="horses" --><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="pets" --><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="pets" --><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="doc" --><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="editorial" --><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="etc" --><!-- TemplateEndEditable -->
    <table width="778" border="0" cellspacing="0" cellpadding="0" cool="cool" gridx="16" gridy="16" height="953" showgridx="showgridx" showgridy="showgridy" usegridx="usegridx" usegridy="usegridy">
    <tr height="304">
    <td width="19" height="304"></td>
    <td width="758" height="304" colspan="14" valign="top" align="left" xpos="19"></td>
    <td width="1" height="304"><spacer type="block" width="1" height="304"></td>
    </tr>
    <tr height="448">
    <td width="108" height="448" colspan="4"></td>
    <td width="669" height="448" colspan="11" valign="top" align="left" xpos="108"></td>
    <td width="1" height="448"><spacer type="block" width="1" height="448"></td>
    </tr>
    <tr height="116">
    <td width="25" height="116" colspan="3"></td>
    <td width="122" height="116" colspan="2" valign="top" align="left" xpos="25"></td>
    <td width="1" height="116"></td>
    <td width="122" height="116" valign="top" align="left" xpos="148"></td>
    <td width="1" height="116"></td>
    <td width="122" height="116" valign="top" align="left" xpos="271"></td>
    <td width="123" height="116" colspan="2" valign="top" align="left" xpos="393"></td>
    <td width="123" height="116" colspan="2" valign="top" align="left" xpos="516"></td>
    <td width="138" height="116" colspan="2" valign="top" align="left" xpos="639"></td>
    <td width="1" height="116"><spacer type="block" width="1" height="116"></td>
    </tr>
    <tr height="84">
    <td width="23" height="84" colspan="2"></td>
    <td width="124" height="84" colspan="3" valign="top" align="left" xpos="23"></td>
    <td width="123" height="84" colspan="2" valign="top" align="left" xpos="147"></td>
    <td width="123" height="84" colspan="2" valign="top" align="left" xpos="270"></td>
    <td width="1" height="84"></td>
    <td width="122" height="84" valign="top" align="left" xpos="394"></td>
    <td width="1" height="84"></td>
    <td width="122" height="84" valign="top" align="left" xpos="517"></td>
    <td width="2" height="84"></td>
    <td width="136" height="84" valign="top" align="left" xpos="641"></td>
    <td width="1" height="84"><spacer type="block" width="1" height="84"></td>
    </tr>
    <tr height="1" cntrlrow="cntrlrow">
    <td width="19" height="1"><spacer type="block" width="19" height="1"></td>
    <td width="4" height="1"><spacer type="block" width="4" height="1"></td>
    <td width="2" height="1"><spacer type="block" width="2" height="1"></td>
    <td width="83" height="1"><spacer type="block" width="83" height="1"></td>
    <td width="39" height="1"><spacer type="block" width="39" height="1"></td>
    <td width="1" height="1"><spacer type="block" width="1" height="1"></td>
    <td width="122" height="1"><spacer type="block" width="122" height="1"></td>
    <td width="1" height="1"><spacer type="block" width="1" height="1"></td>
    <td width="122" height="1"><spacer type="block" width="122" height="1"></td>
    <td width="1" height="1"><spacer type="block" width="1" height="1"></td>
    <td width="122" height="1"><spacer type="block" width="122" height="1"></td>
    <td width="1" height="1"><spacer type="block" width="1" height="1"></td>
    <td width="122" height="1"><spacer type="block" width="122" height="1"></td>
    <td width="2" height="1"><spacer type="block" width="2" height="1"></td>
    <td width="136" height="1"><spacer type="block" width="136" height="1"></td>
    <td width="1" height="1"></td>
    </tr>
    </table>
    <!-- TemplateBeginEditable name="bio" --><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="packages" --><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="email" --><!-- TemplateEndEditable -->
    </table>
    <map name="bio_textBbfc725fb"></map>
    </body>
    </html>
    <!-- text below generated by server. PLEASE REMOVE --><!-- Counter/Statistics data collection code --><script language="JavaScript" src="http://hostingprod.com/js_source/geov2.js"></script><script language="javascript">geovisit();</script><noscript></noscript>

    Someone else told me to put backticks around the session variable and it solved the problem, so
    $q = "SELECT * FROM `{$_SESSION['find']}` WHERE id = $id";

  • 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

  • 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/

  • Urgent Help with Image Gallery

    Hi,
    I really need help with an image gallery i have created. Cannot think of a resolution
    So....I have a dynamic image gallery that pulls the pics into a movie clip and adds them to the container (slider)
    The issue i am having is that when i click on this i am essentially clicking on all the items collectively and i would like to be able to click on each image seperately...
    Please see code below
    var xml:XML;
    var images:Array = new Array();
    var totalImages:Number;
    var nbDisplayed:Number = 1;
    var imagesLoaded:int = 0;
    var slideTo:Number = 0;
    var imageWidth = 150;
    var titles:Array = new Array();
    var container_mc:MovieClip = new MovieClip();
    slider_mc.addChild(container_mc);
    container_mc.mask = slider_mc.mask_mc;
    function loadXML(file:String):void{
    var xmlLoader:URLLoader = new URLLoader();
    xmlLoader.load(new URLRequest(file));
    xmlLoader.addEventListener(Event.COMPLETE, parseXML);
    function parseXML(e:Event):void{
    xml = new XML(e.target.data);
    totalImages = xml.children().length();
    loadImages();
    function loadImages():void{
    for(var i:int = 0; i<totalImages; i++){
      var loader:Loader = new Loader();
      loader.load(new URLRequest("images/"+String(xml.children()[i].@brand)));
      images.push(loader);
    //      loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS,onProgress);
         loader.contentLoaderInfo.addEventListener(Event.COMPLETE,onComplete);
    function onComplete(e:Event):void{
    imagesLoaded++;
    if(imagesLoaded == totalImages){
      createImages();
    function createImages():void{
    for(var i:int = 0; i < images.length; i++){
      var bm:Bitmap = new Bitmap();
      bm = Bitmap(images[i].content);
      bm.smoothing = true;
      bm.x = i*170;
      container_mc.addChild(bm);
          var caption:textfile=new textfile();
          caption.x=i*170; // fix text positions (x,y) here
       caption.y=96;
          caption.tf.text=(xml.children()[i].@brandname)   
          container_mc.addChild(caption);

    yes, sorry i do wish to click on individual images but dont know how to code that
    as i mentioned i have 6 images that load into an array and then into a container and i think that maybe the problem is that i have the listener on the container so when i click on any image it gives the same results.
    what i would like is have code thats says
    if i click on image 1 then do this
    if i click on image 2 then do something different
    etc
    hope that makes sense
    thanks for you help!

  • Need help with Image Gallery tutorial.

    Hi all,
    No response from Apex Listener Forum...moved here....
    Apex Listener - 2.0.2.133.14.47
    Apex             - 4.2.2.00.11
    When running Image Gallery application as per tutorial, page just show a blank screen with no image upload button.
    Am using Firefox 22.0 and Chrome 28.0.1500.72.
    Firebug does not display any script error.
    Had recreated tutorial on apex.oracle.com with same result as above.
    http://apex.oracle.com/pls/apex/f?p=4550:1:::::F4550_P1_COMPANY:HANAMIKE
    Workspace: HANAMIKE
    Username: [email protected]
    Password: yesla
    Using username= resteasy_admin, Password=resteasy_admin to run on apex.oracle.com.
    Had modified tutorial JS below :
    var workspace_path_prefix = 'resteasy';     =>  var workspace_path_prefix = 'hanamike';
    Another odd problem was when trying out the RESTFUL service as per tutorial when clicking the 'TEST' button, encountered error 404.
    Problem due to extra workspace name in URL as below:
    http://apex.oracle.com/pls/apex/hanamike/hanamike/gallery/images/
    Had to manually modify it to:
    http://apex.oracle.com/pls/apex/hanamike/gallery/images/
    Notice that the Listener version on apex.oracle.com is:
    APEX_LISTENER_VERSION
    2.0.3.165.10.09
    Thanks in advance.
    Zack
    Message was edited by: Zack.L

    Hi Zack,
    Thanks for providing the login credentials to your workspace.  I took a look at your RESTful Service and associated application, and noticed that there was something missing - the "Upload Image" button! So it looks like the 'Create the Gallery Application' section is missing a step to create a HTML region, with region template "Button Region without Title", and with its region source set to the following:
    <a class="button" id="upload-btn">Upload Image</a>
    You'll see in the JS that there's a reference to #upload-btn, but no such object existed on your page.  I created a copy of your app, which includes this new HTML region, and you'll see that I've uploaded an image as a demo.  I've contacted the APEX Listener team re the missing instruction, so that will hopefully be rectified in the next release.  Apologies for the confusion, but hopefully you're back on track now.  As for the behaviour you've noticed with the URL generated by the 'Test' utility, thanks for bringing this to our attention.  I'll do some further investigation there, and log a bug if required.
    Regards,
    Hilary

  • Image gallery issue

    If a mod could delete my other post as I am quite far on from that and now having different issues.  Thanks.
    I am really stuck.  I will try my best to explain things clearly.  I am making an image gallery and I got the code from this gallery here.
    http://www.flashmo.com/preview/flashmo_122_3d_curve_gallery
    I made some changes to make it how I wanted it, nothing drastic though.  So now I have a nice gallery.
    Explaining what I am trying to do will better help explain things.  I am creating a modelling agency website.  The gallery I created above will display an individual image of every model in the agency (which it does).  Now when one of the model images is clicked, I then need it to load another image gallery which contains the complete set of images for that model, plus some of their information etc. 
    The way I am approaching it at the moment is to create an individual image gallery for every model in its own fla file.  If say the first model is clicked (image 1) it will load the corresponding swf (1.swf).  I am not sure how good it is loading an swf into what I already have, but couldnt think of another way.  So now I have a seperate image gallery just to test things out, and I need to load it into my original image gallery.
    So, I will show the code for the first gallery (which displays the individual images of each model).  The important methods are p_click (which hides the first gallery and loads the external swf), and on_pic_loaded (which displays the external swf). 
    I hope you understand what I am attempting, as I dont know if I have explained it right as my brain is going dead! (although I am liking the challenge).
    import org.papervision3d.scenes.*;
    import org.papervision3d.cameras.*;
    import org.papervision3d.objects.*;
    import org.papervision3d.materials.*;
    import caurina.transitions.*;
    import flash.net.URLRequest;
    import flash.display.Loader;
    import flash.events.Event;
    import flash.events.ProgressEvent;
    var container_x:Number = stage.stageWidth * 0.5;
    var container_y:Number = stage.stageHeight * 0.5 + 160;
    var container:Sprite = new Sprite();
    container.x = container_x;
    container.y = container_y;
    addChild(container);
    var scene:Scene3D = new MovieScene3D(container);
    var cam:Camera3D = new Camera3D();
    cam.zoom = 6;
    tn_url_target.visible = false;
    tn_title.text = "";
    tn_desc.text = "";
    tn_url.text = "";
    loading_info.text = "";
    url_button.visible = false;
    var no_of_ring:Number = 1;
    var angle:Number = 0;
    var p_dict:Dictionary = new Dictionary();
    var pa:Array = new Array();
    var filename_list = new Array();
    var url_list = new Array();
    var url_target_list:Array = new Array();
    var title_list = new Array();
    var description_list = new Array();
    var folder:String = "photos/thumbs/";
    var i:Number;
    var total:Number;
    var flashmo_xml:XML = new XML();
    var pic_loader:Loader = new Loader();
    var mLoader:Loader = new Loader();
    var xml_loader:URLLoader = new URLLoader();
    xml_loader.load(new URLRequest("thumbnail_list_5.xml"));
    xml_loader.addEventListener(Event.COMPLETE, create_thumbnail);
    function create_thumbnail(e:Event):void
        flashmo_xml = XML(e.target.data);
        total = flashmo_xml.thumbnail.length();
        var angle_per:Number = Math.PI * 2 * no_of_ring / total;
        for( i = 0; i < total; i++ )
            filename_list.push( flashmo_xml.thumbnail[i][email protected]() );
            url_list.push( flashmo_xml.thumbnail[i][email protected]() );
            url_target_list.push( flashmo_xml.thumbnail[i][email protected]() );
            title_list.push( flashmo_xml.thumbnail[i][email protected]() );
            description_list.push( flashmo_xml.thumbnail[i][email protected]() );
            var bfm:BitmapFileMaterial = new BitmapFileMaterial(
                folder + flashmo_xml.thumbnail[i][email protected]());
            bfm.oneSide = false;
            bfm.smooth = true;
            var p:Plane = new Plane(bfm, 100, 100, 2, 2);
            scene.addChild(p);
            var p_container:Sprite = p.container;
            p_container.name = "flashmo_" + i;
            p_dict[p_container] = p;
            p_container.buttonMode = true;
            p_container.addEventListener( MouseEvent.ROLL_OVER, p_rollover );
            p_container.addEventListener( MouseEvent.ROLL_OUT, p_rollout );
            p_container.addEventListener( MouseEvent.CLICK, p_click );
            p.rotationY = - (i * angle_per) * (180/Math.PI) + 90;
            p.x = Math.cos(i * angle_per) * 300;
            p.z = Math.sin(i * angle_per) * 300;
            p.y = Math.floor( i / 22 ) * 5;
    function startLoad()
        var mLoader:Loader = new Loader();
        var mRequest:URLRequest = new URLRequest("/subgallery/1.swf");
        mLoader.load(mRequest);
    function p_rollover(me:MouseEvent)
        var sp:Sprite = me.target as Sprite;
        Tweener.addTween( sp, {alpha: 0.5, time: 0.5, transition:"easeOutExpo"} );
    function p_rollout(me:MouseEvent)
        var sp:Sprite = me.target as Sprite;
        Tweener.addTween( sp, {alpha: 1, time: 0.4, transition:"easeInExpo"} );
    function p_click(me:MouseEvent)
        var sp:Sprite = me.target as Sprite;
        var s_no:Number = parseInt(sp.name.slice(8,10));
        var mRequest:URLRequest = new URLRequest("subgallery/1.swf");
        mLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, on_pic_loaded);
        mLoader.load(mRequest);
        Tweener.addTween( container, { y: 1200, time: 0.6, transition:"easeInExpo" } );
    function goto_URL(me:MouseEvent)
        navigateToURL(new URLRequest(tn_url.text), tn_url_target.text);
    function on_open(e:Event):void
        loading_info.text = "Loading... 0%";
    function on_progress(e:ProgressEvent):void
        var percent:Number = Math.round(e.bytesLoaded / e.bytesTotal * 100);
        loading_info.text = "Loading... " + percent + "%";
    function on_pic_loaded(e:Event):void
        addChild(e.currentTarget.content);
        //addChildAt(mLoader, 1);
        mLoader.x = Math.round(stage.stageWidth - mLoader.width) * 0.5;
        mLoader.y = Math.round(stage.stageHeight - mLoader.height) * 0.5;
        //mLoader.addEventListener(MouseEvent.CLICK, remove_pic);
        Tweener.addTween( mLoader, { alpha: 1, time: 0.8, transition:"easeInExpo" } );
        removeEventListener(Event.ENTER_FRAME, render);
    function remove_pic(e:Event):void
        Tweener.addTween( pic_loader, { alpha: 0, time: 1, onComplete:function() { removeChild(this); } } );
        Tweener.addTween( container, { y: container_y, time: 1, delay: 1, transition:"easeOutExpo"} );
        addEventListener(Event.ENTER_FRAME, render);
        tn_title.text = "";
        tn_desc.text = "";
        tn_url.text = "";
        url_button.visible = false;
    addEventListener(Event.ENTER_FRAME, render);
    function render(e:Event):void
        var distance_x:Number = (stage.mouseX - 400) * 0.0001;
        angle += distance_x;
        cam.x = - Math.cos(angle) * 150;
        cam.z = Math.sin(angle) * 150;
        scene.renderCamera(cam);
    Current issues as the moment is firstly, I dont know if this is the best way to achieve what I want.  Maybe there is a better option someone could tell me about, but you have to remember that each image displayed here will have multiple images to go with it.
    In terms of what I am attempting above, I currently get
    Error #2044: Unhandled ioError:. text=Error #2032: Stream Error. URL: file:///C|/Users/Nick/Desktop/gallery/gallery.xml
        at _1_fla::MainTimeline/frame1()
    I assume its a url error so I changed all urls in both fla's to contain the whole url path.  Didnt seem to work though unless I missed something.
    Any advise on absolutely anything will be so appreciated.
    Many thanks
    Nick

    Sorry about that.  If you can check my history, I normally always thank people who have helped, and I was intending to go back on the last few to sort them out.  Just got my first job so it has been rather hectic and been stressing out to much.  Also, I do things slightly different to other people.  If I receive a correct answer (which I normally do thank), I tend not to actually reply but to thank instead, mainly because if I reply I am pushing unanswered questions further down the list and eventually out of view.  I will go back and sort out the thanks I owe.
    In terms of asking the mods, other forums I visit are normally moderated by the community, so I assumed that someone like yourself might be the moderator.
    I tottally understand what you are saying, and as I say, I am normally on top of this.  Will go back now and sort out the thanks.
    Sorry for the delay.
    Nick

  • Image gallery approach for additional details and add to cart option?

    With efficiency and minimalist downloads for smartphone users I would appreciate advice on a product image gallery.
    Currently I have an intro page and other simple information pages. My gallery pages ( four distinct pages for different leather goods) need  either a pop up or a link to a new page for additional details and an option to add to cart.
    Within the image gallery, How should I link each photo to the new detail/cart page? Can clicking  the image itself be the action or do I need a button?

    I made a mistake. I think I got it right this time. The pop up of the title box works but the images are all gone.
    <!DOCTYPE>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Lapinel Arts Leatherwork</title>
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
    <link href='http://fonts.googleapis.com/css?family=Overlock:400,700|Simonetta:400,900|Marcellus|Junge' rel='stylesheet' type='text/css'>
    <style>
    box-sizing: border-box;
    body {
    margin: 0;
    padding: 0;
    background: #fff;
    font: 14px/20px 'Lucida Sans',sans-serif;
    .wrap {
    overflow: hidden;
    .box {
    float: left;
    position: relative;
    width: 25%;
    text-align: center;
    margin-bottom: 24px;
    .boxInner {
    position: relative;
    text-align: center;
    margin: 0 12px;
    overflow: hidden;
    img {
    max-width: 100%;
    .titleBox {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: -70px;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    padding: 10px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    .titleBox h2 {
    font-size: 16px;
    margin: 0;
    padding: 0 0 5px 0;
    .titleBox a {
    text-decoration: none;
    color: #fff;
    .boxInner:hover .titleBox {
    margin-bottom: 0;
    @media only screen and (max-width : 768px) {
    .box {
    width: 50%;
    margin-bottom: 24px;
    @media only screen and (max-width : 480px) {
    .box {
    width: 100%;
    @media only screen and (max-width : 1290px) and (min-width : 1051px) {
       /* Medium desktop: 4 tiles */
       .box {
          width: 25%;
          padding-bottom: 25%;
    </style>
    <style>
    section, header, nav {
    display: block;
        box-sizing: border-box;
    body{
    font-family: 'Marcellus', normal;
    background-image: url(DRA-042010-LeatheryTexture-MBFT.jpg);
    font-size: 90%;
    line-height: 140%;
    color: #555;
    margin: 0;
    padding: 0;
    background-color: #FFF;
    #hover-image {
    background-color: #cfc6b0;
    text-align: center;
    img {
    max-width: 100%;
    height: auto;
    .container {
    width: 85%;
    max-width: 1000px;
    margin: 0 auto;
    color: #000;
    header h1 {
    font-size: 300%;
    line-height: 150%;
    text-align: center;
    letter-spacing: 4px;
    padding: 20px 0;
    color: #000;
    font-weight: bold;
    /* top level navigation */
    nav {
        background-color: #E5E4E2;
    nav ul {
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
    nav li {
    margin: 0;
    padding: 0;
    display: inline;
    position: relative;
    nav a {
        display: inline-block;
        text-decoration: none;
        padding: 10px 25px;
        color: #000;
    nav a:hover {
        background-color: #cfc6b0;
        color: #000;
    nav span {
    display: none;
    /* droplist navigation */
    nav ul ul {
    position: absolute;
    z-index: 1000;
    left: 0;
    top: 2em;
    background-color: #E5E4E2;
    text-align: left!important;
    display: none;
    nav ul ul li a {
    display: block;
    width: 12em;
    border-top: 1px dotted #ccc;
    .about {
    padding: 0 8%;
    margin: 0 auto;
    text-align: center;
    background-color: #E5E4E2;
    .about h2 {
        font-size: 260%;
        line-height: 200%;
        margin: 0;
        padding: 0;
        color: #000;
    .about p {
    font-size: 110%;
    line-height: 150%;
    margin: 0;
    padding: 0 0 20px 0;
    .productsWrapper {
    background-color: #000;
    overflow: hidden;
    padding: 30px 25px;
    .product {
    float: left;
    width: 25%;
    padding: 12px;
    text-align: center;
    color: #fff;
    .product img {
    border: 1px solid #fff;
    .view_details {
    text-decoration: none;
    display: inline-block;
    padding: 15px 20px;
    border-radius: 6px;
    border: 1px dotted #ccc;
    color: #555;
    background-color: #fff;
    .view_details:hover {
    background-color: #E5E4E2;
    #mobileTrigger {
    padding: 10px 25px;
    font-size: 120%;
    display: none;
    color: #000;
    footer {
    clear: both;
    background-color: #cfc6b0;
    padding: 30px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    footer a {
    text-decoration: none;
    color: #000;
        float: left;
        width: 33.33%;
        color: #000;
        border: #000
    .footerBox {
        float: left;
        width: 33.33%;
        color: #000;
    @media screen and (max-width: 768px) {
        .container {
    width: 100%;
    .product {
    width: 50%;
    #mobileTrigger {
    display: block;
    text-align: right;
    nav ul {
    display: none;
    nav li {
    display: block;
    text-align: left;
    nav a {
    display: block;
    font-size: 120%;
    border-top: 1px dotted #ccc;
    nav span {
    display: inline-block;
    float: right;
    font-size: 130%;
    /* droplist navigation */
    nav ul ul {
    position: static;
    nav ul ul li a {
    width: 100%;
    @media screen and (max-width: 480px) {
    .product {
    float: none;
    width: 100%;
    body,td,th {
    font-family: Marcellus, normal;
    #copyright {
    color: #000;
    font-weight: bold;
    </style>
    <script type="text/javascript" src="http://lapinelarts.com/JS/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="http://lapinelarts.com/JS/jquery.cycle2.min.js"></script>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <script>
    $(document).ready(function() {
    //activate mobile navigation icon when window is 768px
    $('#mobileTrigger').css('cursor','pointer').click(function() {
    $('#mobileTrigger i').toggleClass('fa-bars fa-times');
    $('nav ul').toggle();
    // show main desktop navigation onresize/hide sub navigation
    $(window).on('resize', function(){
    var win = $(this); //this = window
    if (win.width() > 768) {
    $('nav ul').show();
    $('nav ul ul').hide();
    //listen for navigation li being clicked
    $('nav ul li').click(function() {
    $(this).find('ul').slideToggle();
    //toggle font awesome icons
    $(this).find('i').toggleClass('fa-bars fa-times');
    //events if window is less than 768px
    if ($(window).width() < 768) {
    //stops submenu sliding up when mouse leaves mobile
    $('nav ul ul').show();
    else {
    //activate desktop submenu on hover
    $('nav ul li').mouseenter(function() {
    $(this).find('ul').slideToggle();
    //toggle font awesome icons
    $(this).find('i').toggleClass('fa-bars fa-times');
    //desktop submenu slides up when mouse leaves ul/li
    $('nav ul ul').mouseleave(function() {
    $(this).slideUp();
    $('nav ul li').mouseleave(function() {
    $(this).find('ul').slideUp();
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    </script>
    <style type="text/css">
    </style>
    </head>
    <body onLoad="MM_preloadImages('810_0776_smaller.jpg')">
    <header>
    <h1>LAPINEL ARTS LEATHERWORKS</h1>
    <nav>
    <div id="mobileTrigger"><i class="fa fa-bars"></i></div>
    <ul>
    <li><a href="#">ABOUT US</a></li>
    <li><a href="#">PROCESS</a></li>
    <li><a href="#">PRODUCTS<span><i class="fa fa-bars"></i></span></a>
    <ul>
    <li><a href="#">PURSES</a></li>
    <li><a href="#">POUCHES</a></li>
    <li><a href="#">TOTES</a></li>
    <li><a href="#">WALLETS</a></li>
    </ul>
    </li>
    <li><a href="#">CART</a></li>
    <li><a href="#">CONTACT</a></li>
    </ul>
    </nav>
    </header>
    <section class="about">
    <h2>PURSES</h2>
    <p>There are several styles and sizes of purses available. Custom orders can be arranged but most of these purses are unique and with limited runs of art styles.</p>
    <p>Please click on the detail button for larger and additional views and the opportunity to add the item to your cart.<strong></strong></p>
    </section>
    <div id="hover-image">
    <div class="wrap">
    <!-- Define all of the tiles: -->
    <div class="box">
    <div class="boxInner">
    <img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
    <div class="titleBox">
    <h2>Butterfly</h2>
    <a href="http://www.bbc.co.uk">View Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
    <div class="titleBox">
    <h2>Butterfly</h2>
    <a href="http://www.bbc.co.uk">View Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
    <div class="titleBox">
    <h2>Butterfly</h2>
    <a href="http://www.bbc.co.uk">View Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
    <div class="titleBox">
    <h2>Butterfly</h2>
    <a href="http://www.bbc.co.uk">View Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    </div>
    <!-- end wrap -->
    <footer>
      <div class="footerBox"><a href="mailto:[email protected]">EMAIL CATHY </a></div>
    <div class="footerBox"><a href="https://www.facebook.com/LapinelArtsLeatherwork"> FACEBOOK</a></div>
    <div class="footerBox">COPYRIGHT 2015</div>
    </footer>
    </div>
    </body>
    </html>

  • Image Gallery or Lightbox that works for DW CS6?

    Help! I need an image gallery or lightbox that works! I tried the Lightbox Gallery in Widgets and while it works for the most part, the nav buttons don't show up and I've put the files in every directory (path) possible. Does anyone have a fix for this - I've perused forums for hours about this. OR is there something else that's easy and fast and that works? And hopefully free?
    Thank you so much!

    The page is not live, so here is the code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <head>
        <meta http-equiv="Content-Type" content=
        "text/html; charset=utf-8" />
        <title>
          HLG - Flagstone Driveways Walkways Paths
        </title>
        <style type="text/css">
    /*<![CDATA[*/
        body,td,th {
            font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
            font-size: 18px;
            color: #000;
        body {
        margin:10px;
        background-color:#f0f0f0; 
        font-family:verdana,arial,helvetica,sans-serif;
        font-size:16px;
        overflow-y:scroll;
        body {
            background-image: url(images/background2.gif);
        /*]]>*/
        </style>
        <link href="!-css-style.css" rel="stylesheet" type=
        "text/css" />
        <style type="text/css">
    /*<![CDATA[*/
        a:link {
            color: #FFF;
        /*]]>*/
        </style>
        <link href="css/lightbox.css" rel="stylesheet" type=
        "text/css" />
        <link href="css/sample_lightbox_layout.css" rel="stylesheet"
        type="text/css" />
        <script src="scripts/jquery.js" type="text/javascript">
    </script>
        <script src="scripts/lightbox.js" type="text/javascript">
    </script>
        <script type="text/javascript">
    //<![CDATA[
        function MM_preloadImages() { //v3.0
        var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
        function MM_swapImgRestore() { //v3.0
        var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
        function MM_findObj(n, d) { //v4.01
        var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
        if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
        for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
        if(!x && d.getElementById) x=d.getElementById(n); return x;
        function MM_swapImage() { //v3.0
        var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
        if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
        //]]>
        </script>
        <style type="text/css">
    /*<![CDATA[*/
        /* BeginOAWidget_Instance_2127022: #gallery */
                    .lbGallery {
                            /*gallery container settings*/
                            background-color: #910000;
                            padding-left: 2px; 
                            padding-top: 4px; 
                            padding-right: 2px; 
                            padding-bottom: 4px; 
                            width: 550px;
                            height: auto;
                            text-align:center;
                    .lbGallery ul { list-style: none; margin:0;padding:0; }
                    .lbGallery ul li { display: inline;margin:0;padding:0; }
                    .lbGallery ul li a{text-decoration:none;}
                    .lbGallery ul li a img {
                            /*border color, width and margin for the images*/
                            border-color: #ffffff;
                            border-left-width: 4px;
                            border-top-width: 4px;
                            border-right-width: 4px;
                            border-bottom-width: 20px;
                            margin-left:10px;
                            margin-right:10px;
                            margin-top:5px;
                            margin-bottom:5px:
                    .lbGallery ul li a:hover img { 
                            /*background color on hover*/
                            border-color: #ffcc66;
                            border-left-width: 4px;
                            border-top-width: 4px;
                            border-right-width: 4px;
                            border-bottom-width: 20px;
                    #lightbox-container-image-box {
                            border-top: 0px solid #000000;
                            border-right: 0px solid #000000;
                            border-bottom: 0px solid #000000;
                            border-left: 0px solid #000000;
                    #lightbox-container-image-data-box {
                            border-top: 0px;
                            border-right: 0px solid #000000;
                            border-bottom: 0px solid #000000;
                            border-left: 0px solid #000000;
        /* EndOAWidget_Instance_2127022 */
        /*]]>*/
        </style>
        <script type="text/xml">
    <![CDATA[
        <!--
        <oa:widgets>
        <oa:widget wid="2127022" binding="#gallery" />
        </oa:widgets>
        -->
        ]]>
        </script>
      </head>
      <body onload=
      "MM_preloadImages('buttons/directionsover.png','buttons/contactover.png','buttons/gallery over.png','buttons/homeover.png')">
      <table width="980" border="1" bordercolor="#000000" align=
      "center" cellpadding="0" cellspacing="0">
          <tr>
            <td>
              <table width="980" border="0" cellspacing="0"
              cellpadding="0">
                <tr>
                  <td height="40" align="center" bgcolor="#910000"
                  class="MaroonBanner">
                    <p>
                      Heartland Landscape Group, Inc.| Osage Beach,
                      Missouri | (573) 302-8855 | <a href=
                      "mailto:[email protected]" class=
                      "MaroonBannerEmail">[email protected]</a>
                    </p>
                  </td>
                </tr>
                <tr>
                  <td width="980" height="182" align="center" bgcolor=
                  "#000000">
                    <img src="images/plant1smlogo.jpg" width="980"
                    height="180" alt="Heartland Landscape Group" />
                  </td>
                </tr>
                <tr>
                  <td height="40" align="center" bgcolor="#910000">
                    <img src="images/escape_bnnr.png" alt=
                    "Escape the ordinary with greener landscape solutions"
                    width="980" height="40" />
                  </td>
                </tr>
                <tr>
                  <td valign="top">
                    <table width="980" border="0" cellspacing="0"
                    cellpadding="0">
                      <tr>
                        <td width="213" valign="top">
                          <table width="200" border="0" cellspacing="0"
                          cellpadding="0">
                            <tr>
                              <td height="46" colspan="2" valign=
                              "middle">
                                <a href="index.html" onmouseout=
                                "MM_swapImgRestore()" onmouseover=
                                "MM_swapImage('Homepage','','buttons/homeover.png',1)">
                                <img src="buttons/home.png" alt=
                                "Homepage" width="210" height="45" id=
                                "Homepage" border="0" /></a>
                              </td>
                            </tr>
                            <tr>
                              <td height="43" colspan="2" valign="top">
                                <a href="services.html"><img src=
                                "buttons/servicesover.png" alt=
                                "Services" width="210" height="45"
                                border="0" /></a>
                              </td>
                            </tr>
                            <tr>
                              <td height="43" colspan="2" valign="top">
                                <a href="beforeafter.html" onmouseout=
                                "MM_swapImgRestore()" onmouseover=
                                "MM_swapImage('Before &amp; After Gallery','','buttons/galleryover.png',1)">
                                <img src="buttons/gallery.png" alt=
                                "Before and After Gallery" width=
                                "210" height="45" id=
                                "Before_and_After_Gallery" border=
                                "0" /></a>
                              </td>
                            </tr>
                            <tr>
                              <td height="43" colspan="2" valign="top">
                                <a href="directions.html" onmouseout=
                                "MM_swapImgRestore()" onmouseover=
                                "MM_swapImage('Directions','','buttons/directionsover.png',1)">
                                <img src="buttons/directions.png" alt=
                                "Directions" width="210" height="45"
                                id="Directions" border="0" /></a>
                              </td>
                            </tr>
                            <tr>
                              <td height="43" colspan="2" valign="top">
                                <a href="contact.html" onmouseout=
                                "MM_swapImgRestore()" onmouseover=
                                "MM_swapImage('Contact Us','','buttons/contactover.png',1)">
                                <img src="buttons/contact.png" alt=
                                "Contact Us" width="210" height="45"
                                id="Contact_Us" border="0" /></a>
                              </td>
                            </tr>
                            <tr>
                              <td colspan="2" align="center"> 
                              </td>
                            </tr>
                            <tr>
                              <td width="53">
                                <a href=
                                "https://www.facebook.com/pages/Heartland-Landscape-Group-Inc/230076883731915"
                                target="_blank"><img src=
                                "images/fb_logo.png" alt=
                                "Follow Us on Facebook" width="50"
                                height="50" border="0" /></a>
                              </td>
                              <td width="147" valign="top" class=
                              "BodyTextsm">
                                Follow us on Facebook for project
                                ideas, tips and landscaping news!
                              </td>
                            </tr>
                            <tr>
                              <td colspan="2"> 
                              </td>
                            </tr>
                            <tr>
                              <td colspan="2" class="Textmed">
                                This Web site is best viewed with
                                Mozilla Firefox or Google Chrome.
                              </td>
                            </tr>
                          </table>
                        </td>
                        <td valign="top" class="Heading">
                          <table width="765" border="0" cellspacing="0"
                          cellpadding="0">
                            <tr>
                              <td valign="top" class="Heading">
                                <p>
                                  Our Services - Flagstone Driveways,
                                  Walkways &amp; Paths<br />
                                  <img src="images/line.png" width=
                                  "757" height="3" alt=
                                  "Horizontal Line" />
                                </p>
                                <p class="BodyText">
                                  Whether replacing or building a new
                                  driveway, walkway or path, naturally
                                  beautiful flagstone is the perfect
                                  alternative to concrete or brick
                                  pavers. Depending on the individual
                                  taste of the homeowner, there are
                                  many sizes, colors, shapes, and
                                  styles of natural stone to select
                                  from, and lend themselves to the more
                                  "natural" landscapes.<br />
                                </p>
                                <table width="550" border="0" align=
                                "center" cellpadding="0" cellspacing=
                                "0">
                                  <tr>
                                    <td align="center">
                                      <div id="gallery" class=
                                      "lbGallery">
                                        <ul>
                                          <li>
                                            <a href=
                                            "images/flagstone/images/garden_pathways.jpg"
                                            title=
                                            "Garden Pathway"><img src=
                                            "images/flagstone/thumbnails/garden_pathways.jpg"
                                            width="72" height="72" alt=
                                            "Flagstone Entrance Patio" /></a>
                                          </li>
                                          <li>
                                            <a href=
                                            "images/flagstone/images/pa_stepper_path.jpg"
                                            title=
                                            "Pennsylvania Stepper Path">
                                            <img src=
                                            "images/flagstone/thumbnails/pa_stepper_path.jpg"
                                            width="72" height="72" alt=
                                            "Pennsylvania Stepper Path" /></a>
                                          </li>
                                          <li>
                                            <a href=
                                            "images/flagstone/images/black_hills_rustic_path.jpg"
                                            title=
                                            "Black Hills Rustic Path"><img src="images/flagstone/thumbnails/black_hills_rustic_path.jpg"
                                            width="72" height="72" alt=
                                            "Black Hills Rustic Path" /></a>
                                          </li>
                                          <li>
                                            <a href=
                                            "images/flagstone/images/flagstone_path_with_firepit.jpg"
                                            title=
                                            "Flagstone Path With Firepit">
                                            <img src=
                                            "images/flagstone/thumbnails/flagstone_path_with_firepit.jpg"
                                            width="72" height="72" alt=
                                            "Flagstone Path With Firepit" /></a>
                                          </li>
                                          <li>
                                            <a href=
                                            "images/flagstone/images/flagstone_with_gravel.jpg"
                                            title=
                                            "Flagstone With Crushed Creek Gravel">
                                            <img src=
                                            "images/flagstone/thumbnails/flagstone_with_gravel.jpg"
                                            width="72" height="72" alt=
                                            "Flagstone With Gravel" /></a>
                                          </li>
                                        </ul>
                                      </div><script type=
                                      "text/javascript">
    //<![CDATA[
                                      // BeginOAWidget_Instance_2127022: #gallery
                                      $(function(){
                                      $('#gallery a').lightBox({
                                      imageLoading:                   '/images/lightbox-ico-loading.gif',            // (string) Path and the name of the loading icon
                                      imageBtnPrev:                   '/images/lightbox-btn-prev.gif',                       // (string) Path and the name of the prev button image
                                      imageBtnNext:                   '/images/lightbox-btn-next.gif',                       // (string) Path and the name of the next button image
                                      imageBtnClose:                  '/images/lightbox-btn-close.gif',              // (string) Path and the name of the close btn
                                      imageBlank:                             '/images/lightbox/lightbox-blank.gif',                  // (string) Path and the name of a blank image (one pixel)
                                      fixedNavigation:                true,           // (boolean) Boolean that informs if the navigation (next and prev button) will be fixed or not in the interface.
                                      containerResizeSpeed:   400,                     // Specify the resize duration of container image. These number are miliseconds. 400 is default.
                                      overlayBgColor:                 "#000000",              // (string) Background color to overlay; inform a hexadecimal value like: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color.
                                      overlayOpacity:                 0.75,           // (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9
                                      txtImage:                               'Flagstone Patios',                             //Default text of image
                                      txtOf:                                  'of'
                                      // EndOAWidget_Instance_2127022
                                      //]]>
                                      </script>
                                    </td>
                                  </tr>
                                </table><br />
                                <table width="485" border="0"
                                cellspacing="0" cellpadding="0">
                                  <tr>
                                    <td colspan="3" valign="top" class=
                                    "BodyText">
                                      <p>
                                        - <a href="design.html" target=
                                        "_self" class=
                                        "Emailblack"><span class=
                                        "Email">Landscape Design
                                        Services</span></a>
                                      </p>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td colspan="3" valign="top">
                                      <span class="BodyText">-
                                      Landscape Services:</span>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td width="45" valign="top"> 
                                    </td>
                                    <td colspan="2" valign="top">
                                      <span class="BodyText">- <a href=
                                      "index.html" target="_self"
                                      class="Emailblack"><span class=
                                      "Email">Ornamental Gravel &amp;
                                      Mulches</span></a></span>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td width="45" valign="top"> 
                                    </td>
                                    <td colspan="2" valign="top">
                                      <span class="BodyText">-
                                      Retaining Walls:</span>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td width="45" valign="top"> 
                                    </td>
                                    <td width="45" valign="top"> 
                                    </td>
                                    <td width="391">
                                      <span class="BodyText">- <a href=
                                      "index.html" target="_self"
                                      class="Emailblack"><span class=
                                      "Email">Block</span></a></span>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td width="45" valign="top"> 
                                    </td>
                                    <td width="45" valign="top"> 
                                    </td>
                                    <td>
                                      <span class="BodyText">- <a href=
                                      "index.html" target="_self"
                                      class="Emailblack"><span class=
                                      "Email">Natural
                                      Stone</span></a></span>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td width="45" valign="top"> 
                                    </td>
                                    <td colspan="2" valign="top">
                                      <span class="BodyText">-
                                      Patios</span>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td width="45" valign="top"> 
                                    </td>
                                    <td width="45" valign="top"> 
                                    </td>
                                    <td>
                                      <span class="BodyText">- <a href=
                                      "index.html" target="_self"
                                      class="Emailblack"><span class=
                                      "Email">Brick</span></a></span>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td width="45" valign="top"> 
                                    </td>
                                    <td width="45" valign="top"> 
                                    </td>
                                    <td>
                                      <span class="BodyText">- <a href=
                                      "index.html" target="_self"
                                      class="Emailblack"><span class=
                                      "Email">Flagstone</span></a></span>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td width="45" valign="top"> 
                                    </td>
                                    <td colspan="2" valign="top">
                                      <span class="BodyText">-
                                      Driveways, Walkways &amp;
                                      Paths</span>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td width="45" valign="top"> 
                                    </td>
                                    <td width="45" valign="top"> 
                                    </td>
                                    <td>
                                      <span class="BodyText">- <a href=
                                      "index.html" target="_self"
                                      class="Emailblack"><span class=
                                      "Email">Brick</span></a></span>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td width="45" valign="top"> 
                                    </td>
                                    <td width="45" valign="top"> 
                                    </td>
                                    <td>
                                      <span class="BodyText">- <a href=
                                      "flagstonewalks.html" target=
                                      "_self" class=
                                      "Emailblack"><span class=
                                      "Email">Flagstone</span></a></span>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td width="45" valign="top"> 
                                    </td>
                                    <td colspan="2" valign="top">
                                      <span class="BodyText">- <a href=
                                      "index.html" target="_self"
                                      class="Emailblack"><span class=
                                      "Email">Landscape
                                      Steps</span></a></span>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td width="45" valign="top"> 
                                    </td>
                                    <td colspan="2" valign="top">
                                      <span class="BodyText">- <a href=
                                      "index.html" target="_self"
                                      class="Emailblack"><span class=
                                      "Email">Plantings &amp;
                                      Sod</span></a></span>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td width="45" valign="top"> 
                                    </td>
                                    <td colspan="2" valign="top">
                                      <span class="BodyText">- <a href=
                                      "index.html" target="_self"
                                      class="Emailblack"><span class=
                                      "Email">Water
                                      Features</span></a></span>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td width="45" height="32" valign=
                                    "top"> 
                                    </td>
                                    <td colspan="2" valign="top">
                                      <span class="BodyText">- <a href=
                                      "index.html" target="_self"
                                      class="Emailblack"><span class=
                                      "Email">Outdoor Living
                                      Fun</span></a></span>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td height="30" colspan="3" valign=
                                    "top">
                                      <span class="BodyText">- <a href=
                                      "irrigation.html" target="_self"
                                      class="Emailblack"><span class=
                                      "Email">Irrigation</span></a></span>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td colspan="3" valign="top">
                                      <span class="BodyText">- <a href=
                                      "lighting.html" target="_self"
                                      class="Emailblack"><span class=
                                      "Email">Lighting</span></a></span>
                                    </td>
                                  </tr>
                                </table><br />
                              </td>
                            </tr>
                          </table>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
              <table width="980" border="0" cellspacing="0"
              cellpadding="0">
                <tr>
                  <td width="211"> 
                  </td>
                  <td width="486" align="center">
                    <span class="Copyright">Copyright © 2013 Heartland
                    Landscape Group, Inc.</span>
                  </td>
                  <td width="283"> 
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </body>
    </html>

  • Flash Image Gallery

    I purchased the Flash Image Gallery Extension. Installed and
    created several beautiful working galleries.
    In my image gallery (link below) there are Category titles
    176, 186, etc.. When you click the titles it changes the thumbnail
    pictures, while the main image remains the same.
    Question: I'd like to click on a Category Title and have the
    Main Fullsize image change as well. This would help visually to see
    that you have in fact changed to a new category. As it is now, it
    is not evident that you've changed category. You have to go to the
    tn images and click there.
    Can you give me some direction on how accomplish this?
    Perhaps a behavior - when category title is clicked on the main
    image will appear for that category? Seems like a simple edit. Can
    I do such an edit on a purchased gallery template file extension?
    New to flash, quite familiar with DW CS3. Below is a link to
    my gallery:
    My
    Gallery Link

    Hi
    These can be linked together - it will need you to change the
    destination of the 'Front Page' link (URL) to point to the
    appropriate 'Gallery', in the XML you can identify sections by
    using the same 'Gallery Id' from the link (URL) in the 'Front
    Page'.
    Does that make sense?, if you need more help then let me
    know

  • Adding "loading" movieclip to dynamic image gallery?

    Hello again,
    I've completed my XML-driven image gallery, however upon live testing I'd realized I made a rookie mistake and not put some kind of placeholder "loading" movie clip loop while the thumbnails—and subsequent full-size images—are being loaded. The images will randomly appear when loaded and I would like to be able to insert a placeholder movie clip while they load, and swap them up with the thumbnails/images after it has been loaded. The placeholder movie clip is in my library (loadingLoop), but I'm having problems getting it to work correctly.
    Below is the original function that processes the XML and adds the thumbnail images; this is where I'm trying to insert the placeholder movie clip per XML child node (every attempt I've made just keeps throwing more errors, so I've omitted my attempts to avoid confusion), and I've attached the XML file for testing. And insight or help would be appreciated.
    //Locate the external XML file and trigger xmlLoaded when complete
    xmlLoader.load(new URLRequest("data/artGallery.xml"));
    xmlLoader.addEventListener(Event.COMPLETE, xmlLoaded);
    //Load the XML and process the image locations
    function xmlLoaded(event:Event):void {
        xml = XML(event.target.data);
        //parse the nodes in the XML file
        xmlList = xml.children();
        //count the number of nodes in the XML file via XMLList
        trace(xmlList.length());
        //loop to load all of the thumbnails, based on the number of nodes in XMLList
        //"i" = every child node in the XML file
        for (var i:int = 0; i < xmlList.length(); i++) {
            //Add loadingLoop movie clip per node and wait for thumnail to load before swapping out with imageLoader thumbnail images <-- help!!
            //for every node, create a new instance to be put on stage
            imageLoader = new Loader();
            //load each thumbnail from its location per XML node's "thumb" attribute
            imageLoader.load(new URLRequest(xmlList[i].attribute("thumb")));
            //position of thumbnail instances per XML node (horizontally across stage)
            imageLoader.x = i * 110 + 10;//thumbs are 100 x 100 so, +10 to the width, plus +10 from left edge
            //imageLoader.y = 10;
            //for each node in XML list, name the instance with the path to the location of the full size image
            imageLoader.name = xmlList[i].attribute("source");
            //for each node in the XML list, add a drop shadow
            imageLoader.filters = [thumbDShadow];
            //add thumbnails to stage
            addChild(imageLoader);
            dropTween = new Tween(imageLoader, "y", Bounce.easeOut, -100, 10, 1, true);
            //set up thumbnails to wait for a click to execute showPicture
            imageLoader.addEventListener(MouseEvent.CLICK, showPicture);
            //set up thumbnails to scale when rolled over
            imageLoader.addEventListener(MouseEvent.ROLL_OVER, sizeUP);

    Somehow I had a feeling this wouldn't be a copy-and-paste job for the full-size images. Sorry to be a bother. This is the showPicture function that is fired off when the thumbnail image is clicked (from our previous example). Two errors are thrown:
    When the thumnail is clicked:
    "Error #2007: Parameter child must be non-null.
        at flash.display::DisplayObjectContainer/removeChild()
        at MethodInfo-51()"
    But the full-size image loads nonetheless. The second loading loop (loadingLoop2) is not removed. Below is the showPicture function:
    //Load the full-size images and place onto the stage
    function showPicture(event:MouseEvent):void {
        //add new movie clip container
        var mc2:MovieClip = new MovieClip();
        addChild(mc2);
        //clear the fullLoader—this is to help clear any full-size images that may already be on the stage (they have two options, click a new thumbnail, or close the current full-size image
        fullLoader.unload();
        //re-create the fullLoader, if there was one cleared
        fullLoader = new Loader();
        //load each full size image from its location per XML node's "source" deliniated by mc.ldr's "source" attribute
        fullLoader.load(new URLRequest(event.target.name));
        //add the loder to the container
        mc2.addChild(fullLoader);
        //create new instance of second loading loop
        mc2.fsloop = new loadingLoop2();
        //add the second loading loop to the container
        mc2.addChild(mc2.fsloop);
        //for each container, add a drop shadow
        mc2.filters = [fullDShadow];
        //set the container's position center on stage, making it the size of the loading loop until the full-size images are loaded
        mc2.x = (stage.stageWidth - mc2.fsloop.width) * 0.5;
        mc2.y = (stage.stageHeight - mc2.fsloop.height) * 0.5;
        //place container on stage
        addChild(mc2);
        //fade in each container
        fadeTween = new Tween(mc2, "alpha", None.easeNone, 0, 1, 0.5, true);
        //check to see if the image has been loaded completely—this is to make sure the image's attributes can be used to re-center on stage and remove fsloop
        fullLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, removeLoop2);
        //set field to multiline so that the <br> HTML tags can be used
        imageTextField.multiline = true;
        //add text frame for description
        imageTextField.x = 10;
        imageTextField.y = 125;
        //for each full-size image, load the description text from the XML child nodes
        for (var j:int = 0; j < xmlList.length(); j++) {
            //check to make sure that the correct full-size image matches the text node when clicked
            if (xmlList[j].attribute("source") == event.target.name) {
                //add each child node as a separate line in the same text field; added HTML tags for CSS application
                imageTextField.htmlText = "<p><span class = 'projectName'>" + xmlList[j].child("projectName") + "</span><br>"
                + "<span class = 'toolsUsed'>" + xmlList[j].child("toolsUsed") + "</span><br><br>"
                + xmlList[j].child("projText") + "<br>"
                + "<span class = 'liveURL'>" + xmlList[j].child("liveURL") + "</span></p>";
        function removeLoop2(event:Event):void {
            //re-position the container to center on stage to accomodating the full sized image
            mc2.x = (stage.stageWidth - fullLoader.width) * 0.5;
            mc2.y = (stage.stageHeight - fullLoader.height) * 0.5;
            //Add the text field
            addText();
            //hide instructional text, already on stage
            galleryInfo_mc.alpha = 0;
            //remove the full-sized loading loop
            event.target.loader.parent.removeChild(MovieClip(event.target.loader.parent).loadingLoop2 );
        //set up full-size images to "self close" by clicking on it
        mc2.addEventListener(MouseEvent.CLICK, clearStage);
    The second error gets thrown when the container is clicked and the function clearStage is executed, which does not remove the container:
    "TypeError: Error #2007: Parameter child must be non-null.
        at flash.display::DisplayObjectContainer/removeChild()
        at artGallery_v1_5_fla::MainTimeline/clearStage()"
    This is the clearStage function:
    //Allow full-size image to "self close" by clikcing on it and removing the text description
    function clearStage(event:MouseEvent):void {
        //clear the fullLoader
        fullLoader.unload();
        //remove the container
        event.target.parent.removeChild(MovieClip(event.target.parent).mc2);
       //remove the text field
        removeChild(imageTextField);
        //show the instructional text that is on-stage
        galleryInfo_mc.alpha = 1;
    Help!

  • Image gallery with CSS menu

    I have a image gallery (slideshow) created with Flash and
    XML. My website uses a css/javasript dropdown menu for navigation.
    The dropdown menu is hiding behind the slideshow no matter what I
    set it's z-index to. Is there something in flash that lets me set
    its z-index? I could jsut drop the menu off of the page and give a
    return link but that is a workaround and I would much rather stay
    consistent with my site. Any help that could be given would be
    appreciated.
    Mark V.

    "mvanneman" <[email protected]> a écrit
    dans le message de news:
    f9ssu4$346$[email protected]..
    >I have a image gallery (slideshow) created with Flash and
    XML. My website
    >uses
    > a css/javasript dropdown menu for navigation. The
    dropdown menu is hiding
    > behind the slideshow no matter what I set it's z-index
    to. Is there
    > something
    > in flash that lets me set its z-index? I could jsut drop
    the menu off of
    > the
    > page and give a return link but that is a workaround and
    I would much
    > rather
    > stay consistent with my site. Any help that could be
    given would be
    > appreciated.
    try to embed your movie with wmode="transparent"
    lea

  • Image gallery issues...

    This image gallery uses the HTTPService control to populate an array which is then used to populate thumbnails and a full image however it does not display properly on the first load. Thumbnails do show up upon a refresh but are not very consistant. I could really use some suggestions on how to make this gallery more stable and support all browsers.
    Here is the link to the site
    http://www.michael-willett.com/test/newwork.html
    and the source
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
            layout="vertical"
            verticalAlign="top"
            backgroundColor="black" viewSourceURL="srcview/index.html"
            preinitialize="preInit()"
            backgroundAlpha="0"
            color="white" >
        <mx:Script>
            <![CDATA[
                import mx.collections.XMLListCollection;
                import mx.rpc.events.FaultEvent;
                import mx.rpc.events.ResultEvent;
                import mx.controls.Alert;
                [Bindable]private var xmlListCol:XMLListCollection = new XMLListCollection;
                [Bindable]private var imageArray:Array = new Array;
                private function preInit():void {
                xmlService.send();       
                private function xmlHandler(event:ResultEvent):void {
                    var xmlList:XMLList = event.result.image;
                    xmlListCol.source = xmlList;
                    for each (var image:XML in xmlListCol){
                        var myOBJ:Object = new Object;
                        myOBJ.label = image.picDescription.text();
                        myOBJ.thumbnailImage = image.url.text();
                        myOBJ.fullImage = image.big_url.text();
                        imageArray.push(myOBJ);           
                private function complete():void {
                private function xmlLoadFault(event:FaultEvent):void {
                    Alert.show("Could not load XML file");
            ]]>
        </mx:Script>
        <mx:HTTPService id="xmlService"
            url="data/newwork.xml"
            resultFormat="e4x"
            result="xmlHandler(event)"
            fault="xmlLoadFault(event)"
            showBusyCursor="true" />
        <mx:Panel title="{horizontalList.selectedItem.label}"
                height="100%"
                horizontalAlign="center"
                backgroundColor="#CCCCCC"
                backgroundAlpha="0"
                borderColor="#CCCCCC" >
            <mx:Image id="img"
                    source="{horizontalList.selectedItem.fullImage}"
                    maintainAspectRatio="true"
                    horizontalAlign="center"
                    verticalAlign="middle"
                    width="{horizontalList.width}"
                    height="100%"
                    />
            <mx:ControlBar horizontalAlign="center">
                <mx:HorizontalList id="horizontalList"
                        labelField="label"
                        iconField="thumbnailImage"
                        dataProvider="{imageArray}"
                        itemRenderer="CustomItemRenderer"
                        columnCount="5"
                        columnWidth="125"
                        rowCount="1"
                        rowHeight="125"
                        selectedIndex="0"
                        horizontalScrollPolicy="on"
                        backgroundAlpha="0" />
            </mx:ControlBar>
        </mx:Panel>
    </mx:Application>

    I updated the source  following your suggestion and it does seam to be working better. Is there any other things I could change to make it load more smoothly?
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
            layout="vertical"
            verticalAlign="top"
            backgroundColor="black" viewSourceURL="srcview/index.html"
            preinitialize="preInit()"
            backgroundAlpha="0"
            color="white" >
        <mx:Script>
            <![CDATA[
                import mx.collections.XMLListCollection;
                import mx.rpc.events.FaultEvent;
                import mx.rpc.events.ResultEvent;
                import mx.controls.Alert;
                [Bindable]private var xmlListCol:XMLListCollection = new XMLListCollection();
                private function preInit():void {
                xmlService.send();       
                private function xmlHandler(event:ResultEvent):void {
                    var xmlList:XMLList = event.result.image;
                    xmlListCol.source = xmlList;               
                private function xmlLoadFault(event:FaultEvent):void {
                    Alert.show("Could not load XML file");
            ]]>
        </mx:Script>
        <mx:HTTPService id="xmlService"
            url="data/newwork.xml"
            resultFormat="e4x"
            result="xmlHandler(event)"
            fault="xmlLoadFault(event)"
            showBusyCursor="true" />
        <mx:Panel title="{horizontalList.selectedItem.picDescription.text()}"
                height="100%"
                horizontalAlign="center"
                backgroundColor="#CCCCCC"
                backgroundAlpha="0"
                borderColor="#CCCCCC" >
            <mx:Image id="img"
                    source="{horizontalList.selectedItem.big_url.text()}"
                    maintainAspectRatio="true"
                    horizontalAlign="center"
                    verticalAlign="middle"
                    width="{horizontalList.width}"
                    height="100%"
                    />
            <mx:ControlBar horizontalAlign="center">
                <mx:HorizontalList id="horizontalList"
                        labelField="label"
                        iconField="thumbnailImage"
                        dataProvider="{xmlListCol}"
                        itemRenderer="CustomItemRenderer"
                        columnCount="5"
                        columnWidth="125"
                        rowCount="1"
                        rowHeight="125"
                        selectedIndex="0"
                        horizontalScrollPolicy="on"
                        backgroundAlpha="0" />
            </mx:ControlBar>
        </mx:Panel>
    </mx:Application>

Maybe you are looking for

  • Update doing full table scan and taking long time

    Hi All, I am running an update statement which is doing a full table scan. UPDATE Database.TABLE AS T SET COMMENTS = CAST(CAST(COALESCE(T.COMMENTS,0) AS INTEGER) + 1 AS CHARACTER) WHERE T.TRACKINGPOINT = 'NDEL' AND T.REFERENCENUMBER = SUBSTRING(Root.

  • OOP architecture

    I have a sizeable application that I am trying to re-write into LVOOP and I am struggling with a architecture/design issue.  My current application uses a QMH design pattern and contains controls that simply start and stop various parts of the HW it

  • IChess 3D on a MBP 2011 early

    Hello community i am a bit convern about iChess 3d  when i start playing chess the fans on my macbook pro go max at 6200rpm, can some one please tell me if has the same issue with iChess 3D on their MBP's ?

  • DLU and local "Administrator" account

    I have another network admin that has given me some information of the subject heading that I don't quite understand... They are using ZEN 3.2 with DLU on a Citrix server. This way, when a student logs in via Citrix and gets logged in, ZEN policies r

  • Photo import is stopping my music from playing

    When i am playing music on my ipod 20GB after a short while my music will stop and photo import will pop up on my screen and it says "no card inserted." I don't have a photo ipod i don't understand. I have tried resetting my ipod and i have even eras