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

Similar Messages

  • Need Help With Image Gallery

    Hey all, I need a simple image gallery to load when you click a button.  I've tried shadowbox but have had absolutely zero luck. I'm not sure how to load it from a flash file and I know there is work that has to be done outside of flash like in the root folder. All I need is  for a simple image gallery, nothing fancy, to open when I hit a button. If anyone could explain how to use shadowbox in lamens terms or knows how to easily script a gallery that would be amazing.

    What script version is your target? AS2 or AS3

  • Need help with image gallery and preloader

    Here is my  portfolio site currently. WWW.PALMEI.COM. When you go into the the galleries you can view the images; the images load and it's all working fine. But if I was to go back on the page before the image was to load the image loads later which is then in the way of everything and cannot be deleted or removed. What would a solution be for solving this problem. Also, my preloader is not working at all as you can tell.
    Here is my code in frame 1 for the perloader:
    [AS]
    stop();
    loaderInfo.addEventListener(ProgressEvent.PROGRESS, updatePreLoader);
    function updatePreLoader(evtObj:ProgressEvent):void
                        var percent:Number = Math.floor((evtObj.bytesLoaded*100)/evtObj.bytesTotal);
                        preloader_txt.text = percent+"%";
                                  if (percent==100) {
                                            nextFrame ();
    [/AS]
    Thank you very much for your help. Have developed headache and need some new eyes on it.

    Thank you again Ned for your reponse as you helped me solve the image array problem last week or so ago.
    Here is the code:
    [AS]
    stop();
    import fl.transitions.Tween;
    import fl.transitions.easing.*
    import fl.transitions.TweenEvent;
    import flash.display.MovieClip;
    import flash.events.MouseEvent;
    var sep3Tween4:Tween = new Tween(Sep2_mc, "y", Regular.easeOut,338 , 655, 1, true);
    var sepTween4:Tween = new Tween(Sep_mc, "y", Regular.easeOut,0 , -320, 1, true);
    BoyBack.addEventListener(MouseEvent.CLICK, Portfolioclick);
    function Portfolioclick(evtObj :MouseEvent) {
              gotoAndStop("Portfolio");
               removeChild(B);
    var BoyBackTween:Tween = new Tween(BoyBack, "y", Regular.easeOut,510,487,2, true);
    BoyBackTween.addEventListener(TweenEvent.MOTION_FINISH, onfinis);
    function onfinis(e:TweenEvent):void {
    BoyBackTween.yoyo();
    var arrayB:Array = [ B1, B2, B3, B4, B5, B6, B7, B8,B9, B10, B11, B12];
    var arrayImages:Array = ["ill_1.jpg","ill_2.jpg","ill_3.jpg","ill_4.jpg","ill_5.jpg","ill_6.jpg","ill_7.jpg","ill _8.jpg", "ill_9.jpg","ill_10.jpg","ill_11.jpg","ill_12.jpg"];
    var imgLoader:Loader = new Loader;
    var B:BlackBox = new BlackBox();
    B.addChild(imgLoader);
    for (var i:uint=0; i<arrayB.length; i++){
         arrayB[i].mouseChildren = false;
         arrayB[i].addEventListener( MouseEvent.MOUSE_OVER, onButtonOver);
         arrayB[i].addEventListener( MouseEvent.MOUSE_OUT, onButtonOut);
         arrayB[i].addEventListener( MouseEvent.CLICK, onButtonRemoveB);
               arrayB[i].addEventListener( MouseEvent.CLICK, onButtonClick);
               arrayB[i].imgNum = i;
                     imgLoader.y  = 100;
                          imgLoader.x =275;
                          B.y = -55;
                     B.x =-100;
    function onButtonOver( e:MouseEvent ):void {
         var B:MovieClip = MovieClip(e.target);
         if(B.tween){
           B.tween.stop();
         B.tween = new Tween( B, "y", Regular.easeOut,600, 591, .5, true );
    function onButtonOut( e:MouseEvent ):void {
         var B:MovieClip = MovieClip(e.target);
         if( B.tween ){
           B.tween.stop();
         B.tween = new Tween( B, "y", Regular.easeOut, 591, 600, 1, true );
    function onButtonRemoveB( e:MouseEvent ):void {
    removeChild(TwoDtxt);
    function onButtonClick( e:MouseEvent ):void {
       if(this.contains(B)){
           removeChild(B);
       imgLoader.load(new URLRequest(arrayImages[e.currentTarget.imgNum]));
       imgLoader.contentLoaderInfo.addEventListener( Event.COMPLETE , loaded);
    function loaded(event:Event):void {
         addChild(B);
          var targetLoader:Loader = Loader(event.target.loader);
    var AlphaTween1:Tween = new Tween(T1, "alpha", Strong.easeOut, 1, .20, 2.5, true);
    var AlphaTween2:Tween = new Tween(Bottom1, "alpha", Strong.easeOut, 1, .20, 2.5, true);
    [/AS]
    Before the image loads if you were to click on the boy with the balloon"the back button" the image would than load later on say the"portfolio" part of the site.

  • I need help with XML Gallery Fade in out transition. somebody please help me :(

    I need help with XML Gallery Fade in out transition. somebody please help me
    I have my post dont want to duplicate it

    The problem doesn't lie with your feed, although it does contain an error - you have given a non-existent sub-category. You need to stick to the categories and sub-categories listed here:
    http://www.apple.com/itunes/podcasts/specs.html#categories
    Subscribing to your feed from the iTunes Store page work as such, but the episodes throw up an error message. The problem lies with your episode media files: you are trying to stream them. Pasting the URL into a browser produces a download (where it should play the file) of a small file which does not play and in fact is a text file containing (in the case of ep.2) this:
    [Reference]
    Ref1=http://stream.riverratdoc.com/RiverratDoc/episode2.mp3?MSWMExt=.asf
    Ref2=http://70.33.177.247:80/RiverratDoc/episode2.mp3?MSWMExt=.asf
    You must provide a direct link to the actual mp3 file. Streaming won't work. The test is that if you paste the URL of the media file (as given in the feed) into the address bar of a browser it should play the file.

  • 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 php gallery

    Hi guys,
    Thanks for the interest in my post...
    I want to make a gallery similar to the one at
    http://www.danwheldon.com/gallery.cfm
    where the user clicks on an image and it refreshes the current page
    bringing up the enlarged version above the rest of the thumbnails.
    I've made a .php page and linked the thumbnails like
    main.php?pagename=gallery&image=01. The only thing I think I
    need is to insert a php script where I will want the enlarged image
    to appear.
    Can anyone help me on this by any chance? I found the
    following script but don't know how to edit it to do what I need:
    <img src="images/<?php echo $imgNo; ?>.jpg"
    title="Image <?php echo $imgName; ?>" />
    Thank you very much and I hope to hear from you.
    All the best,
    Mark

    Spindrift wrote:
    > I've made a .php page and linked the thumbnails like
    > main.php?pagename=gallery&image=01. The only thing I
    think I need is to insert
    > a php script where I will want the enlarged image to
    appear.
    >
    > Can anyone help me on this by any chance? I found the
    following script but
    > don't know how to edit it to do what I need:
    >
    > <img src="images/<?php echo $imgNo; ?>.jpg"
    title="Image <?php echo $imgName;
    > ?>" />
    <img src="images/<?php echo $_GET['image']; ?>.jpg"
    />
    David Powers
    Author, "Foundation PHP for Dreamweaver 8" (friends of ED)
    Author, "Foundation PHP 5 for Flash" (friends of ED)
    http://foundationphp.com/

  • Need help with order booking tutorial

    Hi
    I am new to OracleFusion.
    Started Learning By practising OrderBooking tutorial for 10g.
    I am practising parellel branching in the tutorial .
    I ve invoked Rapid distributors service in branch 1 of the flow activity.
    and
    i ve invoked Select manufacturing service in branch 2 of flow activity.
    I ve deployed order booking service,rapid distributed service,select manufacturing service in the server.
    Select manufacturing service is an asynchronous service .for this service to be complete it requires user to manually set price for the item ordered.
    So I accesed SelectManufacturinUI in browser as instructed in book.The problem is tht it is directing me to login page where User id and password should be submitted.
    In the tutorial no info is given regarding login details fot this page.Hence i am not able to set price for order.
    So the Select manufacturing service is not completed ..hence i am not able to move further in the tutorial..
    Kindly help with this..if any one has faced same prblm
    thanks

    Hi
    I got the answer. Just posting it so that it helps someone
    User id i tried : jcooper
    password : Bpel console startup password

  • Need help with JavaScript "Galleria" gallery coding

    I am trying to create a clickable gallery with the filmstrip either on the top or on left hand side for people to click to see my portfolio. I want the first photo to be auto loaded. I downloaded the javascript from;
    http://galleria.aino.se/
    I have the coding for;
    galleria.js
    galleria.classic.js
    jquery.min.js
    I try the basic tutorial given on the website http://galleria.aino.se/
    but it seem more coding are needed.
    I want the similar gallery as shown on the above website without the black void space on the side of the large photo. I do not want the Rewind and Fastforward buttons as shown on the side of the large photo (not on the thumbnail)
    I have tried downloading few similer files and trying to use their html coding but there werent the full tutorial.
    The coding below only shows two small photos left top of the page without the large photo either on top of them.
    I dont understand much about coding. Only been doing this for like few months and still learning but i am stuck now. Much apperciated if you can help me out here with what code need to go where. Many thanks.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <script src="test/jquery.min.js"></script>
    <script src="test/galleria.js"></script>
    <script>Galleria.loadTheme('test/galleria.classic.js');</script>
    <script>$('.gallery').galleria();</script>
    </head>
    <body>
    <div class="gallery">
    <a href="_images/home/Bridge.png"><img src="_images/home/Bridge.png" width="100"></a>
    <a href="_images/home/Haz_Restaurant.JPG"><img src="_images/home/Haz_Restaurant.JPG" width="100"></a>
    </div>
    </body>
    </html>

    Using the same files, i have found a different code where they place the tumbnails at the bottom of the slideshow rather than on the side. Here is the code;
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
        <title>Galleria Demo 1</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta http-equiv="imagetoolbar" content="false">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <link href="test/galleria.css" rel="stylesheet" type="text/css" media="screen">
        <script type="text/javascript" src="test/jquery.min.js"></script>
        <script type="text/javascript" src="test/jquery.galleria.js"></script>
        <script type="text/javascript">
        $(document).ready(function(){
            $('.gallery_demo_unstyled').addClass('gallery_demo'); // adds new class name to maintain degradability
            $('ul.gallery_demo').galleria({
                history   : true, // activates the history object for bookmarking, back-button etc.
                clickNext : true, // helper for making the image clickable
                insert    : '#main_image', // the containing selector for our main image
                onImage   : function(image,caption,thumb) { // let's add some image effects for demonstration purposes
                    // fade in the image & caption
                    image.css('display','none').fadeIn(1000);
                    caption.css('display','none').fadeIn(1000);
                    // fetch the thumbnail container
                    var _li = thumb.parents('li');
                    // fade out inactive thumbnail
                    _li.siblings().children('img.selected').fadeTo(500,0.3);
                    // fade in active thumbnail
                    thumb.fadeTo('fast',1).addClass('selected');
                    // add a title for the clickable image
                    image.attr('title','Next image >>');
                onThumb : function(thumb) { // thumbnail effects goes here
                    // fetch the thumbnail container
                    var _li = thumb.parents('li');
                    // if thumbnail is active, fade all the way.
                    var _fadeTo = _li.is('.active') ? '1' : '0.3';
                    // fade in the thumbnail when finnished loading
                    thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
                    // hover effects
                    thumb.hover(
                        function() { thumb.fadeTo('fast',1); },
                        function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active
        </script>
        <style media="screen,projection" type="text/css">
        /* BEGIN DEMO STYLE */
        *{margin:0;padding:0}
        body{padding:20px;background:white;text-align:center;background:black;color:#bba;font:80% /140% georgia,serif;}
        h1,h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
        a{color:#348;text-decoration:none;outline:none;}
        a:hover{color:#67a;}
        .caption{font-style:italic;color:#887;}
        .demo{position:relative;margin-top:2em;}
        .gallery_demo{width:702px;margin:0 auto;}
        .gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
        .gallery_demo li div{left:240px}
        .gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
        #main_image{margin:0 auto 60px auto;height:438px;width:700px;background:black;}
        #main_image img{margin-bottom:10px;}
        .nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
        .info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
        .info p{margin-top:1.6em;}
        </style>
    </head>
    <body>
    <h1>Galleria Demo 01</h1>
    <div class="demo">
    <div id="main_image"></div>
    <ul class="gallery_demo_unstyled">
        <li><img src="test/img/flowing-rock.jpg" alt="Flowing Rock" title="Flowing Rock Caption"></li>
        <li><img src="test/img/stones.jpg" alt="Stones" title="Stones - from Apple images"></li>
        <li class="active"><img src="test/img/grass-blades.jpg" alt="Grass Blades" title="Apple nature desktop images"></li>
        <li><img src="test/img/ladybug.jpg" alt="Ladybug" title="Ut rutrum, lectus eu pulvinar elementum, lacus urna vestibulum ipsum"></li>
        <li><img src="test/img/lightning.jpg" alt="Lightning" title="Black &amp; White"></li>
        <li><img src="test/img/lotus.jpg" alt="Lotus" title="Fusce quam mi, sagittis nec, adipiscing at, sodales quis"></li>
        <li><img src="test/img/mojave.jpg" alt="Mojave" title="Suspendisse volutpat posuere dui. Suspendisse sit amet lorem et risus faucibus pellentesque."></li>
        <li><img src="test/img/pier.jpg" alt="Pier" title="Proin erat nisi"></li>
        <li><img src="test/img/sea-mist.jpg" alt="Sea Mist" title="Caption text from title"></li>
    </ul>
    <p class="nav"><a href="#" onclick="$.galleria.prev(); return false;">&laquo; previous</a> | <a href="#" onclick="$.galleria.next(); return false;">next &raquo;</a></p>
    </div>

  • Need help with image

    I sure could use a buddy who has Skype or something who I can shoot questions like this to.  My designer wants a retainer of $3,000 but I can do most of my own stuff in Photoshop.  Sometimes I get stumped though, and just need a 30 second tutorial. So I am coming here. 
    I basically need to figure out how to change this image:
    But along with that comes figuring out how to change it from a square image to one with a rounded top and bottom-right corner.   Also a 2 pixel shadow going up the right side and along the bottom.  I can manually draw in those two pixels easily enough.  But the corners look terrible when I try to manually do it.
    Is there an easier way?  I have been cropping the new image to the proper size, and then drawing in the two pixel fade on the side and bottom.  Then trying to pixel by pixel create the rounded edges.
    Its not looking natural. 
    Before you say "Its a drop shadow!" please remember, in order for me to copy that exact drop shadow, I would need to know all their settings, colors, pixel widths, etc.  All I have is a flat, finished image, so I have none of that information.  Plus, I dont know how to do a drop shadow on a curved corner, which deletes the original squared corner on the image.  :-\
    If you give instructions, please be as clear and detailed as possible. This is why I prefer a chat medium for this type of thing. 
    Thanks much to anyone who can assist.
    PB          

    Here is a TUTORIAL on doing rounded corners.  Hope it helps.   Could not get insert link to work so try this.  http://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&ved=0CDYQFjAA&url=http%3A%2 F%2Fmatthom.com%2Farchive%2F2004%2F09%2F10%2Ffast-rounded-corners-in-photoshop&ei=q2l8T_T8 LcKZiQKQnt3uDQ&usg=AFQjCNEsGI12k8Ck-GiuIWMUOLC6m3xoYw
    Don't know what magnification you are using on this image, but the fact you have pixels shows it will be difficult to make a nice rounded edge.
    You might need a higher resolution image, or at least convert from 8 bits to 16 bits to do edits, then change back to 8 RGB to save.  Beware not all toolsand saves will work in 16 bit.

  • Need help with image upload and preview display

    hi guys,
    I'm trying to upload image and then display it as a preview, but when upload form submits to the same page image placeholder does not refreshes it's source and displays the same image as before.
    Image 4.jpg already exists.
    I upload it with nameConflict = "overwrite"
    upload form points to the same page, therefore page reloads
    In IE image placeholder does not display the new image, but shows the old one until I refresh the page with F5 and resend information, however if checked, image in the file is already different.
    In Firefox, sometimes it works and image refreshes, sometimes not.
    any help would be greatly appreciated!
    cheers,
    Simon

    Hi Daverms,
    With your code you suggest to not only upload the image but make a database entry too. However my intention is to firstly upload the file, and show a preview. Then if user is satisfied with what he sees, he presses "aprove" button and therefore makes a datase entry. Then the photo number will increase by one.
    Until user is not aproving the photo he can upload any image again and again, but the new image will be always given the same name (example 4.jpg) and overwriting the old one.
    I believe the problem persists because browsers are loading image with the same name from the cache, and not from the actual location. Therefore when I refresh the page it catches the correct image.
    If I follow your code, every time I upload the image, name of it is different, therefore browser cannot find it in the cache and is forced to load one from the server.
    I wonder is there any way to avoid this cache problem?
    cheers,
    Simon

  • Bridge CS5 - need help with image adjustments.

    When I double click on an image in bridge and it opens in another window, I make the adjustments and click done.  But when I got back to the other window, the adjustments are not there.  But when I double click on the image and it opens in the other window, the adjustments are there.  What am I doing wrong or what have I not set?
    Any help appreciated.
    Thanks.

    What am I doing wrong or what have I not set?
    Not sure what you mean exactly with other window but think it is Adobe Camera Raw and after the settings you adjusted they are not reflected in the Bridge Preview panel?
    First thing to try could be the menu tools/cache/purge cache for folder to see if this updates the new settings.

  • PS Newb needs help with image scaling and multi-sheet printout

    Hi, I'm trying to use PS CS3 to scale up an image I have so I can print it out to use as a map for a miniatures game.  I have no problem scaling the image to the appropriate size, but I can't figure out how to print out the image on multiple 8.5 x 11 sheets.  I had thought I'd seen an option for such a procedure previously, but maybe it was in another editing program.  If anyone has any ideas on how I might accomplish this I'd really appreciate hearing about them.  Thanks!

    Illustrator and InDesign do tiled printing as does CorelDraw. Photoshop as such does not, but some script for that may exist. In your case, the simplest solution would be to save the File as a PDF and have Acrobat generate a tiled print (Page Scaling setting in teh Acro print dialog). You just need to make sure your page properly fits multiple pages. Unliek AI and ID, Acro can only chop up stuff based on standard paper sizes...
    Mylenium

  • Need help with image push script please

    I am playing around with some javascript for the push / pull image used on webcam sites. When i run one, it never refreshes the image in my browser when I change the image. It only does if I delete the image and then repost it. It seems my browser looks for the cache or something first. How can I make ANY browser force to load the image without deleting it first?
    Here is the script I am using:
    <SCRIPT>
    <!-- ===================
    browserType = navigator.appName;
    newImage = new Image();
    Srvr_IP= "http://127.0.0.1/myFile.jpg?";
    var dly;
    if (browserType == "Netscape") document.write('<IMG SRC="'+ Srvr_IP +'"
    ') else document.write('<IMG SRC="' + Srvr_IP +'" name=ZahidiTV2Web
    Alt="Web Server is off. Please try later." border=1 >');
    uniq= 1;
    newImage.src= Srvr_IP + uniq;
    SnapShot_Loop(4000);
    function SnapShot_Loop(delay)
    dly= delay
    if( document.all) loadNewImage();
    setTimeout("SnapShot_Loop(dly)",delay);
    function loadNewImage()
    Stamp = new Date();
    uniq= Stamp.getTime();
    document.images.ZahidiTV2Web.src= newImage.src;
    newImage.src= Srvr_IP + uniq;
    window.status = "Displaying live video ...";
    </SCRIPT>
    <P>
    Hello

    These forums are for Java, not JavaScript.

  • Need help with image slide show using xml

    I have a flash document that pulls up images using xml but I
    would like for the images to also link to different urls and to be
    able to change these links in the XML document. I have included my
    code
    Also my xml file looks simular to this
    <images>
    <pic>
    <image>images/1.jpg</image>
    </pic>
    <images>
    Please if anyone can help me that would be great. Once again
    I would like for these images to be able to link to a url and to
    read the url in my XML document.

    Here's my quick suggestion:
    Add a <link> child element to your <pic> elements
    - each <link> would be a sibling of each <image>, like
    this:
    <pic>
    <image>filename.jpg</image>
    <link>
    http://www.example.com</link>
    </pic>
    Then, in your loadXML function, add this:
    link = []
    for(...){
    link
    = xmlNode.childNodes.childNode[2].firstChild.nodeValue
    Finally, in each function where you call picture.loadMovie(),
    add a line below it:
    picture.onRelease = function(){
    getURL(link
    Best,
    Brian Driscoll
    Owner
    Driscoll Web Development
    http://driscollwebdev.com

  • Need help with images in browser!

    Hey all,
    So I'm building my very first website, and I've reached my first roadblock. I'm trying to set up a grid of images, and most (7 out of 9) of the images appear in my browser when I preview in Safari and Firefox (haven't tested any others). These other two images just won't appear in the browser, but instead give the "alt" name.
    These images are stored on my hard drive, as I do not have my own domain yet. I want to get my site looking/working how I want before I begin moving it to a server (is this even a good strategy, or is testing/previewing on a server vital?).
    My directory for the images is this: /Desktop/Webpage/Images
    My code for the images looks like this:
    <img src="Images/Wale.png" class="center" alt="Wale" />
    The class is referenced from a css style sheet to place the image in the center of a div.
    All images are stored within the same folder, all are PNG files, and all have the same code format as shown above (some are left and right justified, however). Like I said, this format works for all except two of the images, does anyone see the problem? Thanks!

    Here's the HTML code in its entirety:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Pure Optics Productions</title>
    <link href="MasterStyleSheet.css" type="text/css" rel="stylesheet" />
    </head>
    <body>
        <div align="center" style="width: 800px; margin: 0 auto;">
            <div>
                <img src="PureOptics.png" alt="" style="height: 200px; width: 300px;" />
            </div>
            <div class="row" align="center">
                <img src="Images/XV_thumb_round.png" class="left" alt="XV" />
                <img src="Images/PacDiv_thumb_round.png" class="right" alt="PacDiv" />
                <img src="Images/Monster_thumb_round.png" class="center" alt="MonsterCables" />
            </div>
            <div class="row" align="center">
                <img src="Images/Guante_thumb_round.png" class="left" alt="Guante" />
                <img src="Images/Kristoff_thumb_round.png" class="right" alt="KristoffKrane" />
                <img src="Images/StephFloss_thumb_round.png" class="center" alt="StephFloss" />
        </div>
            <div class="row" align="center">
                 <img src="Images/BigSean_thumb_round.png" class="left" alt="BigSean" />
              <img src="Images/TheClipse_thumb_round.png" class="right" alt="TheClipse" />
              <img src="Images/Wale.png" class="center" alt="Wale" />
            </div>
        </div>
    </body>
    </html>
    And here is the CSS code:
    @charset "UTF-8";
    /* CSS Document */
    body
        background-color: #333333;
    div.row
        width: 100%;
        height: 170px;
    img.left
        width: 240px;
        height: 135px;
        float: left;
    img.right
        width: 240px;
        height: 135px;
        float: right;
    img.center
        width: 240px;
        height: 135px;

Maybe you are looking for