Preloader for xml image gallery

Hi,
I am a little stuck as to where to begin; I have created a
photo gallery and now need to add some preloader capability to it.
The images are brought in via XMLList etc... What I have in mind, I
would like to display a preloader untill all the images are ready
for viewing - not wanting to preload individual images one by one
I also have a document class within the gallery swf file, I
beleive that this may cause conflicts with attaching a preloader to
frame 1 - I have tried preloading the gallery swf file via a
preloader.swf; the end result still leaves me with having to
provide a preloader within the gallery swf.
Can anyone point me to any good examples, for me to get on
with it. Any help would be really appreciated folks ;)
Kind Regards,
Boxing Boom

Hi Kglad,
Thank you for your response: my images are loading sequentially via the following code segment;
//initialize the loader object
   loader=new Loader();
   //add an onInit event to the contentLoadedInfo
   loader.contentLoaderInfo.addEventListener(Event.INIT, onImageLoaded);
   //create the fake holder
   fakeHolder=new Sprite();
   //and add to it the loader
   fakeHolder.addChild(loader);
   //no need to add it to the stage
   //force the resizeHandler to be called
   resizeHandler(null);
   //Load the XML file
   xmlLoader=new URLLoader();
   //assign the Complete loading event
   xmlLoader.addEventListener(Event.COMPLETE,parseXML);
   //load the file
   xmlLoader.load(new URLRequest("data.xml"));
   //initialize the url request
   urlRequest=new URLRequest();
What I would like to do now is preload these,
Would the code to acheive this be:
xmlLoader.addEventListener(ProgressEvent.PROGRESS ,onProgress);
private function onProgress(pe:ProgressEvent):void
   // this bit is what I do not understand; i.e. your x/n + bl/(bt*n) fraction example
Any further help on this on, would be really appreciated Kglad.
Kind Regards,
Boxing Boom

Similar Messages

  • Preloader for multiple images

    I want to create a preloader which loads multiple images at a
    time.
    i tried the normal script with getBytesTotal() but it
    provides the bytes of currently loading image, so the preloader
    only works for one image at a time.
    how can i get the size of all images that i want to load ?
    Thanks

    Thanks for the help
    I can load the images in sequence one after another. But
    there are few points to be considered here.
    1. I want to display all images at once, when they all are
    loaded.
    2. I want to display only one preloader for all images while
    they are loading.
    3. I can't hardcode the size of images because images will
    keep changing for the movie. So i can't use a particular size. (and
    hardcoding the values for dynamic data is not a good coding
    practice i guess.
    Thanks

  • Cool XML image gallery

    Hi Everyone,
    I've seen a really cool XML image gallery on the followng page: http://www.webbers.co.uk/property/view/id/6407
    Does anyone know of a tutorial which may help me create something similar?
    Regards.

    http://www.flashxml.net/cover-flow.html

  • Anyone have a good tutorial for an AS3-XML image gallery?

    I'm a pretty good Flash developer, but I've never worked with XML in Flash.  I'm looking for a good tutorial on creating an XML driven image gallery, but I have yet to really find anything.  Does anyone out there have a good tutorial?  Thanks!
    Jesse

    Your best bets for getting something more specific to your needs will either be to...
    - search Google using terms like "AS3 XML gallery tutorial" and "AS3 XML slideshow tutorial"
    - take one fairly complicated tutorial and learn how it works down to understanding each element of what is being done.  Once you a proper level of understanding you should be able to reason out how to create one of your own with whatever different features you prefer

  • Pre-loading external images for XML-based gallery

    I'm working-on an XML-based photo gallery here:
    http://www.unionandparkwood.com/demo/flash_gallery/
    It works how I want it, except that the first time a
    thumbnail is clicked for an image, it pauses long enough to skip
    the fade. If you click-through the images a second time, you'll see
    that it works smoothly. My guess is that the first time the
    thumbnail is clicked, the image isn't cached, yet.
    I tried to fix this by creating a JavaScript file for the
    page to pre-load each image and thumbnail:
    0003a = new Image;
    0003a.src = "images/Down-Range.jpg";
    0003b = new Image;
    0003b.src = "thumbnails/Down-Range.jpg";
    But that didn't work. What would be the best way to do this?
    I included a link to "Download ZIP" of the FLA project on
    this page, too, because it wouldn't be easy for me to describe
    what's happening. In a nutshell, a thumbnail click launches a
    function that loads the appropriate image into the main image
    holder. What seems to be happening the first time is the image
    isn't loaded before the fade is finished, so the image just appears
    after a short pause the first time.

    >>What seems to be happening the first time is the
    image isn't loaded before
    >>the fade is finished, so the image just appears after
    a short pause the
    >>first time.
    As has been said many times in thos forum - use the
    MovieClipLoader class to
    load images, and then use that class' onLoadInit method to do
    things with
    the loaded image. Loading is asynchronous - you _have_ to
    wait until the
    image is done loading before doing a fade.
    Dave -
    www.offroadfire.com
    Head Developer
    http://www.blurredistinction.com
    Adobe Community Expert
    http://www.adobe.com/communities/experts/

  • XML Image Gallery

    I'm creating my first xml driven image gallery in AS3 and could use  some help.  It's a pretty basic gallery that consists of a large image  with thumbnails below it.  You should see the large version of the  thumbnails when you click on them, they should rotate chronilogically on  it's own (use timer event?), and you should be able to scroll left or  right in order to view additional thumbnails.
    Below is  what I have so far.  My first task is to get the thumnails to line up  correctly.  I got the y value correct, but I need to space them out by  10px appropriatley.  How can I do this? Thanks!
    Jesse
    import flash.events.Event;
    import flash.display.MovieClip;
    import flash.display.Loader;
    import flash.net.URLRequest;
    import flash.events.MouseEvent;
    import fl.transitions.Tween;
    import fl.transitions.easing.*;
    import fl.transitions.TweenEvent;
    import flash.events.ProgressEvent;
    var myXML:XML;
    var myXMLLoader:URLLoader = new URLLoader();
    myXMLLoader.load(new URLRequest("images.xml"));
    myXMLLoader.addEventListener(Event.COMPLETE, processXML);
    var myImagePreloader:mcPreloader = new mcPreloader();
    myImagePreloader.x = stage.stageWidth / 2;
    myImagePreloader.y = stage.stageHeight / 2;
    myImagePreloader.width = 75;
    myImagePreloader.height = 75;
    var container_mc:MovieClip;
    var xCounter:Number = 0;
    function processXML(event:Event):void
        myXML = new XML(myXMLLoader.data);
        myXMLLoader.removeEventListener(Event.COMPLETE, processXML);
        myXMLLoader = null;
        //createContainer();
        loadThumbs();
    function createContainer():void
        container_mc = new MovieClip();
        //container_mc.x = my_x;
        container_mc.y = 510;
        addChild(container_mc);
        /*container_mc.addEventListener(MouseEvent.CLICK, callFull);
        container_mc.addEventListener(MouseEvent.MOUSE_OVER, onOver);
        container_mc.addEventListener(MouseEvent.MOUSE_OUT, onOut);*/
        container_mc.buttonMode = true;
        /*preloaders_mc = new MovieClip();
        preloaders_mc.x = container_mc.x;
        preloaders_mc.y = container_mc.y;
        addChild(preloaders_mc);*/
    function loadThumbs():void
        var thumbLoader:Loader = new Loader();
        for(var i:Number = 0; i < myXML.image.length(); i++)
            var thumbURL = myXML.image[i].@thumb;
            thumbLoader.load(new URLRequest(thumbURL));
            thumbLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, thumbLoaded);
            thumbLoader.y = 510;
            //trace(imageWidth);
    function loadFull():void
        var fullImageLoader:Loader = new Loader();
        //var imageURL = myXML.image[i].@file;
        /*fullImageLoader.load(new URLRequest(imageURL));
        fullImageLoader.contentLoaderInfo.addEventListener(Event.OPEN, addPreloader);
        fullImageLoader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, preloadImages);
        fullImageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, imageLoaded);*/
    /*function addPreloader(event:Event):void
        addChild(myImagePreloader);
    function preloadImages(event:ProgressEvent):void
        var percent:Number = Math.round(event.bytesLoaded / event.bytesTotal * 100);
        percent_txt.text = percent + "%";
    function imageLoaded(event:Event):void
        var myLoadedImage:Loader = Loader(event.target.loader);
        addChild(myLoadedImage);
        new Tween(myLoadedImage, "alpha", Strong.easeIn, 0, 1, 0.5, true);
        percent_txt.text = "";
        removeChild(myImagePreloader);
        event.target.loader.removeEventListener(Event.OPEN, addPreloader);
        event.target.loader.removeEventListener(ProgressEvent.PROGRESS, preloadImages);
        event.target.loader.removeEventListener(Event.COMPLETE, imageLoaded);
    function thumbLoaded(event:Event):void
        var myLoadedThumb:Loader = Loader(event.target.loader);
        addChild(myLoadedThumb);

    What you will want to do is maintain a placement variable that you adjust for each new thumbnail you add.  So the first might go at xValue = 0.  Once that thumbnail is processed you then add the width of that thumbnail plus the 10 pixels space you want.
    If you know that the widths will all be the same and what that value is, then you can assign the location for the thumbnail loader prior to it loading like you do for the y property.
    Otherwise, you will need to wait until the thumbnail has loaded before you can determine the width... which would mean you will need to load the thumbnails sequencially rather than using a for loop since they will not necessarily load in the order they are executed to do so.  It is basically somewhat like what relaxatraja provided except using the width property.

  • HELP! - XML Image gallery, simple problem

    I've posted this problem before and gotten no response. Very
    simple I'm sure, I just don't know much Flash. Basically I've
    created an image gallery that should look like this:
    http://www.flashcomponents.net/upload/samples/1448/index.html.
    The problem is that the thumbnails are not being accessed properly
    (from what I can tell), making it look like this:
    http://shortydesigns.com/index.html.
    The images are all in the same folder and since one thumbnail is
    loading, I can't see why the others aren't. The Actionscript in the
    Flash file is as follows (it was created with Flash 10):
    First Piece of Code
    stop();
    // specify the url where folder is located below (if
    applicable)
    toadd = "";
    t = 0;
    l = 0;
    theside = 1;
    galxml = new XML();
    galxml.load(toadd+"flash/fashion/easy-xml-gallery-2.xml");
    galxml.ignoreWhite = true;
    galxml.onLoad = function(success) {
    if (success) {
    maxnum = galxml.firstChild.childNodes.length;
    for (n=0; n<maxnum; n++) {
    specs = galxml.firstChild.childNodes[n];
    // TEXT FOR SIDE NAV
    duplicateMovieClip(side.thumbs.thumbsb, "thumbs"+n, n);
    thumbclip = eval("side.thumbs.thumbs"+n);
    thumbclip._x = n*100;
    thumbclip.thetitle = specs.attributes.name;
    thumbclip.theurl = specs.attributes.theurl;
    thumbclip.thecaption = specs.attributes.caption;
    thumbclip.thenum = n+1;
    thumbclip._alpha = 100;
    loadMovie(toadd+"flash/fashion/images/"+(n+1)+"b.jpg",
    thumbclip.thumbload.thumbload2);
    play();
    side.thumbs.thumbsb._visible = false;
    mainperc.onEnterFrame = function() {
    if (mainperc.perc<98) {
    mainperc._alpha += 5;
    mainperc.perc = Math.round(l/t*100);
    mainperc.perctext = mainperc.perc+"%";
    mainperc.ltext = "OF THUMBNAILS LOADED
    ("+Math.round(t/1024)+"kb)";
    if (mainperc.perc>98) {
    // mainperc._alpha -= 5;
    if (mainperc._alpha<-50) {
    delete mainperc.onEnterFrame;
    Later in the timeline:
    stop();
    pic.info.thenum = side.thumbs.thumbs0.thenum;
    pic.info.thecaption = side.thumbs.thumbs0.thecaption;
    pic.info.thetitle = side.thumbs.thumbs0.thetitle;
    pic.info.theurl = side.thumbs.thumbs0.theurl;
    loadMovie(_root.toadd+"flash/fashion/images/1.jpg",
    pic.pic2.pic3);
    onEnterFrame = function () { side.gotoa = 110;if
    (side._alpha>99) {side._alpha = 100;delete
    onEnterFrame;}side.lefta = side.gotoa-side._alpha;side._alpha +=
    side.lefta/5;pic._alpha = side._alpha;};

    I noticed two thing:
    1. I guess the error occurs when currentImage variable is out
    of range of sortedXML array. You, perhaps need to trace this var
    and see at what point the error happens.
    2. Unless I missed someting, It seems that you always load
    images. At some point you load images that are already loaded. It
    is inefficient. You, perhaps, better off reusing already loaded
    images.

  • XML image gallery problem

    Hi! I've builded this XML gallery, and suddenly Im getting an
    error when Im loading the pictures.
    Its only sometimes the error comes.
    TypeError: Error #2007: Parameter url must be non-null.
    at flash.display::Loader/_load()
    at flash.display::Loader/load()
    at imageviewer_xml_subcats_fla::MainTimeline/allLoadXML()
    at
    imageviewer_xml_subcats_fla::MainTimeline/goForwardSorted()
    at imageviewer_xml_subcats_fla::MainTimeline/sortMe()
    Can anyone help me?
    Flash file incl XML
    imageview.fla

    I noticed two thing:
    1. I guess the error occurs when currentImage variable is out
    of range of sortedXML array. You, perhaps need to trace this var
    and see at what point the error happens.
    2. Unless I missed someting, It seems that you always load
    images. At some point you load images that are already loaded. It
    is inefficient. You, perhaps, better off reusing already loaded
    images.

  • Preloader for xml file and stage assets

    I have a Flash app that shows a map with different regions
    colored depending on values in an external xml file. I also have a
    simple preloader that I want to appear until all the elements of
    the app are ready to be displayed. However, when I use the
    preloader, the results are the same as if I hadn't use it. My map
    comes up immediately with no colors, there is a pause, and then the
    colors come in (as calculated from the data in my xml file). Can
    anyone tell me what I'm doing wrong? Do I have to have code in my
    xml loader that tells the user what percent of the file is
    loaded?

    XML files are really small. If that is all you are loading,
    it should happen instantly, or close to it depending on the size.
    Also if you are running it on your local machine, it will load very
    fast unless you simulate the download.
    But incase that is not the issue, your code looks incomplete,
    or just headed down the wrong path. You should be useing a loader
    class that has a series of events associated with it. Events like
    "PROGRESS" and "COMPLETE". These events will fire automatically
    when a file loads, and when a file is done loading. The Enter frame
    event is not meant to handle loading. I would suggest using a class
    like BulkLoader to handle all your loading needs.
    http://code.google.com/p/bulk-loader/

  • Preparatory workflow for image gallery

    I would like advice about what tools might be available in DW
    CS4 to help with the preparations for an image gallery.
    I have settled on a page design with the artist and processed
    about 150 images for a gallery. These need to be categorised
    according to his choice and whilst I wait I wonder if I can set to
    coding the gallery pages. There may be a dozen or so. Then I expect
    the image choices to change as the gallery pages get built and he
    might want to change the order of images and how they fit together
    on the page.
    I am going to use one of the lightbox options and reckon that
    I could get going on some of the coding in the thumbs. I would like
    to do it in such a way that they will be in one place, and that I
    could then drag them into a page when he's ready.
    Thanks
    Martin

    OK. What you need to do is, one at a time, create an animation of each image you want to fade in, and export it as an animation. Once you have done that you can specify the animation as the image to swap in the Swap Image wizard. For "Show the swapped image from", choose Image file and browse to the location of the saved animated version. Note that your end file size for this project will be prohibitive if you create it in this way. I strongly urge you to do it in Adobe Flash instead.

  • Image gallery to autoplay and highlight the thumbnails

    Hi all,
    I still haven't been able to find anything suitable for an
    image gallery with thumbnails that:
    - autoplays
    - highlights the thumbnails and displays the main image at
    the same time
    - and when the mouse is over the thumbnail, the thumbnail
    highlights or has a border around to show that it's been selected.
    Here is a sample of what I'm looking for:
    http://components.earthscienceagency...nts/slideshow/
    Of course the captions need to be loaded as well as a
    previous and next button to scroll through the images.
    Any help with this would be greatly appreciated.
    Thanks

    Hi all,
    I was able to resolve some of my issues, but still have a
    couple more. The images from my xml appear out of order (so the
    last one inserted in the xml appears first) and also I'd like the
    thumbnails to be highlighted as the main image transitions in and
    out. I have the main image autoplaying and the thumbnails are
    pretty much static.
    I've provided the AS below. For the thumbnails, would it be
    possible to create a similar to the slideshow function and have the
    thumbnails play at the same time too?
    Any help would be greatly appreciated!

  • 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";

  • How to implement Google "Show more results" type image gallery

    Hello all,
    Need help with implementation of "Show more results" for an image gallery, similar to google images.
    The requirement is to display 10 images at a time and on click of button show the next 10 images by ajax. I have a db with image names and folder that stores the images.
    Need some pointers as I cannot get my head around this.
    Much appreciate your help.

    Google for tutorials on AJAX and XMLHtttpRequest

  • ANNC: Image Gallery Magic Now Available

    Picture perfect...
    Bring your images to life with the most powerful,
    feature-rich image
    gallery solution available for Dreamweaver: Image Gallery
    Magic by
    PVII - the leader in creative Dreamweaver extensions. Create
    image
    galleries from from inside Dreamweaver - in Windows or OS X.
    Image
    Gallery Magic can create the entire layout for you or you can
    insert a
    gallery into an existing page. While Image Gallery Magic is
    powered by
    thoroughly modern CSS and Scripting, we've taken great pains
    to ensure
    that your gallery will work in all modern browsers (on all
    operating
    systems) and some key older browsers, such as IE5.x (Windows
    and OS X).
    http://www.projectseven.com/products/galleries/hgmagic/index.htm
    All aspects of your gallery are managed from within the iGM
    user
    interface window.
    Add (append) new images to your gallery. You can use the
    automatic build
    mode, which leverages the Fireworks image processing engine,
    or you can
    select images that you've already processed yourself in
    Photoshop or any
    other image editor.
    Delete images or re-order them.
    Manage Captions, Descriptions, and a counter - including
    where they
    appear.
    Edit images (the edit command launches your default image
    editor and
    loads the selected image).
    Re-generate thumbnails automatically after editing a
    full-size image
    (Fireworks interoperability).
    Choose a full-size image to load when your page loads.
    Select the number of thumbnails to display per row.
    Enable smooth-glide scrolling of thumbnail rows.
    Choose an animation effect for your full-size images.
    Supports Dreamweaver Templates.
    Allows direct linking to individual images.
    Search-engine friendly.
    Accessible - even with JavaScript disabled.
    The PVII Team
    http://www.projectseven.com

    Picture perfect...
    Bring your images to life with the most powerful,
    feature-rich image
    gallery solution available for Dreamweaver: Image Gallery
    Magic by
    PVII - the leader in creative Dreamweaver extensions. Create
    image
    galleries from from inside Dreamweaver - in Windows or OS X.
    Image
    Gallery Magic can create the entire layout for you or you can
    insert a
    gallery into an existing page. While Image Gallery Magic is
    powered by
    thoroughly modern CSS and Scripting, we've taken great pains
    to ensure
    that your gallery will work in all modern browsers (on all
    operating
    systems) and some key older browsers, such as IE5.x (Windows
    and OS X).
    http://www.projectseven.com/products/galleries/hgmagic/index.htm
    All aspects of your gallery are managed from within the iGM
    user
    interface window.
    Add (append) new images to your gallery. You can use the
    automatic build
    mode, which leverages the Fireworks image processing engine,
    or you can
    select images that you've already processed yourself in
    Photoshop or any
    other image editor.
    Delete images or re-order them.
    Manage Captions, Descriptions, and a counter - including
    where they
    appear.
    Edit images (the edit command launches your default image
    editor and
    loads the selected image).
    Re-generate thumbnails automatically after editing a
    full-size image
    (Fireworks interoperability).
    Choose a full-size image to load when your page loads.
    Select the number of thumbnails to display per row.
    Enable smooth-glide scrolling of thumbnail rows.
    Choose an animation effect for your full-size images.
    Supports Dreamweaver Templates.
    Allows direct linking to individual images.
    Search-engine friendly.
    Accessible - even with JavaScript disabled.
    The PVII Team
    http://www.projectseven.com

  • Floating Divs in Image Gallery not within Div

    I am creating a property page template that is nested within the main website template. Within this template, I have created a div within a div for the Image Gallery I am going to create.There is a main image and then 5 thumbnails underneath and all of this is centered.
    What seems to be occurring is that if I float all of my thumbnail divs "left" so that they are all on same line, then they are no longer within the Image Gallery div. If I take away the "float" attribute (as I did on thumbnail 1 for an example), it finally resides within the div, however, the other jump down to the next line below it...stacking one on top of the other.
    I am getting so confused, though I have commented at the end of each div, but I am just not sure what is required here. Ran validator on Web Tools for both HTML and CSS, but I get nothing. Help!
    Here is the link.
    Thank you!
    Samantha

    Hi Samatha,
    Try following:
    Add a clear after your thumbnails as below:
    <!--end infoImageThumb5--></div>
    <br style="clear:both" />
    And in your css add float left to all your thumbnails.
    .profile #infoImageGallery #infoImageThumb1 {
        float: left;
        width: 95px;
        margin-right: 5px;
        height: 63px;
        background-color: #00F;
        margin-bottom: 5px;
    .profile #infoImageGallery #infoImageThumb2 {
        float: left;
        width: 95px;
        margin-right: 5px;
        height: 63px;
        background-color: #00F;
    .profile #infoImageGallery #infoImageThumb3 {
        float: left;
        width: 95px;
        margin-right: 5px;
        height: 63px;
        background-color: #00F
    .profile #infoImageGallery #infoImageThumb4 {
        float: left;
        width: 95px;
        margin-right: 5px;
        height: 63px;
        background-color: #00F;
    .profile #infoImageGallery #infoImageThumb5 {
        float: left;
        width: 95px;
        margin-right: 5px;
        height: 63px;
        background-color: #00F;
    Regards,
    Vinay

Maybe you are looking for