Please suggest image gallery

Hi all and thanks for your help.

Every weekend, I take pictures of sport for our local school. Now, I want to put on my site for children and parents to download. Can you please suggest an extension with which I can build a photo gallery.

I need to create different albums for various events and teams. It preferably should not flash because flash does not work on iPhones and iPADS. It will be nice if it's free. I almost forgot to say that he must have thumbnails with a larger image lightbox that opens when you click on the photo.

I googled just exactly what I ask, but search returns a lot of results, and I haven't the time to go through everything everyone.

Please suggest something.

Kind regards

Deon

Look at JAlbum.  This stand-alone software generates several albums folder of images on your hard drive.  Lots & lots of skins (styles) to the choice.  JAlbum also generates thumbnails and HTML pages for you.  A huge time saver if you are working with a large collection of photos.

JAlbum download page

http://jAlbum.NET/en/software/download

Get the skin of the turtle - JavaScript with support for touchscreens

http://jAlbum.NET/en/skins/skin/turtle/

Nancy O.

ALT-Web Design & Publishing

Web | Graphics | Print | Media specialists

http://ALT-Web.com/

Tags: Dreamweaver

Similar Questions

  • suggestions of jQuery image gallery

    Hello

    Can someone suggest a simple and pleasant to use with dreamweaver CC jquery image gallery?

    I'm looking to do something simple that is on a page.

    With a previous and Next button, caption, perhaps picture number.

    Look no no not a viewer.

    Thank you

    Google for cycle2 - go to the demos page, for starters, l think that there is an example of previous/next, more there are instructions for adding a legend

  • Image gallery light box...

    Hello

    Trying to fit a box light image gallery. I wish that the thumbnails on the screen with captions to be the piece main miniature intro for each category - so thumbnails on screen represent the categories instead of each contained photo. Hope that makes sense!

    It is each cycles miniature category in the other. But, even worse, when I add the other photos in each category - rather than being hidden until the breast of the light box, are also appear as thumbnails on the homepage screen. I would like that they hidden in the cycle of the category.

    Please see my example... How can I hide instance < figure > 2 & 3 of the homepage?

    < section class = "col-lg-4 4-md-col col-sm-6 collar-xs-6" >

    < div class = "thumb-pad9" >

    < div class = "thumbnail maxheight" >

    < figure > < a href="img/sports/swimming.jpg" > < img src="img/sports/swimming.jpg" alt = "Swimming" > < / has > < / figure >

    < figure > < a href="img/sports/tennis.jpg" > < img src="img/sports/tennis.jpg" alt = "Tennis" > < /a > < figure >

    < figure > < a href="img/sports/golf.jpg" > < img src="img/sports/golf.jpg" alt = 'Golf' > < / a > < / figure >

    < div class = "caption" >

    < a href = "#" > category of photographs of Sports < /a >

    < / div >

    < / div >

    < / div >

    < / item >

    So more items to follow for the different categories of photos.

    Ideas or do you know if the online references to one that works the way I describe?

    Thank you very much!

    Had a breakthrough! The main correction I was looking for was to eliminate have rows them of thumbnails... but to keep only a handful of thumbnail to make only 2 rows on the screen in the form of images of coverage for each separate category of images. All I had to do was remove the game secondary code that references the miniatures and the device of light therapy cycles through them perfectly + the greater part of the pictures hidden stay hidden on the homepage - only visible in the Viewer.

    -C' is what I was mainly after; didn't several rows of images. Yay!    Can I pay more later the part where they need will not be executed in the other later.

    Here is another question from code. For some of the JPGs, I want to the clickable to open a PDF document.

    example of how code currently exists for each img... say it is a brochure of several page called Hotel NYC. How can I change the action to achieve this?

    Thank you!

  • Need help with tutorial images Gallery.

    Hi all

    No response from Apex listener Forum... moved here...

    Headset - 2.0.2.133.14.47 apex

    Apex - 4.2.2.00.11

    When you run the image gallery application according to the tutorial, page just show a blank screen with no image upload button.

    Use 22.0 Firefox and Chrome 28.0.1500.72.

    Firebug does not display a script error.

    Has recreated the tutorial on apex.oracle.com with the same result as above.

    http://Apex.Oracle.com/pls/Apex/f?p=4550:1:F4550_P1_COMPANY:HANAMIKE

    Workspace: HANAMIKE

    User name: [email protected]

    Password: yesla


    Using the user name = resteasy_admin password = resteasy_admin on apex.oracle.com.

    Had changed the JS tutorial below:

    var workspace_path_prefix = "resteasy";     = > var workspace_path_prefix = "hanamike";


    Another strange problem was when to try the RESTFUL according to the tutorial service when you click on the button 'TEST', has detected the error 404

    Problem on behalf of space of overtime in the URL as below:

    http://Apex.Oracle.com/pls/Apex/hanamike/hanamike/gallery/images/

    Had to manually change:

    http://Apex.Oracle.com/pls/Apex/hanamike/gallery/images/


    Note that the version of the listener on apex.oracle.com is:

    APEX_LISTENER_VERSION2.0.3.165.10.09


    Thanks in advance.

    Zack


    Post edited by: Zack.L

    Hi Zack,

    Please provide the credentials to connect to your workspace.  I took a quick glance to your RESTful Service and applications associated and noticed that he was missing something - the "Upload Image" button! It seems therefore that the section "Create the gallery app" is not a step to create an HTML region, with the model "Button region without title" of the region and with its region defined as source:

    Download Image

    You will see in the JS that there is a reference to #upload - btn, but there is no object on your page.  I created a copy of your application, which includes this new area of HTML, and you'll see I downloaded an image as a demo.  I contacted the team APEX listener re missing instructions, for which I hope will be fixed in the next version.  My apologies for the confusion, but I hope that you are on the right track now.  Regarding the behaviour you noticed with the URL generated by the 'Test' utility, thanks for that bring to our attention.  I'll do some additional research it and log a bug if necessary.

    Kind regards

    Hilary

  • Hierarchical navigation for the image gallery?

    I am trying to create an image gallery of six buildings that users navigate by clicking on the buttons on a map of London. I have two pictures of each of the six buildings. I would like to cycle or cross-fade two images for each of the buildings when users click a button on the map.

    I can get every button on the map for a link to an image - I can't have images to navigate or fade in their separate group once they have done this.

    Is this possible? I'm relatively new to Fireworks and have tried to use symbols, States, and layers, but have not been able to find a solution (maybe it's that I'm missing something).

    Thanks in advance!

    Ok. Create an animation of each picture you want to fade and export it as an animation, you need to do is at the same time. Once you have done this, you can specify animation as image to change in the wizard of Image of Swap. To "Display the image exchanged", choose the Image file and navigate to the location of the registered animated version. Note that the file size of your end for this project will be prohibitive if create you it that way. I strongly suggest you do instead in Adobe Flash.

  • As3 image gallery question

    Hello

    I'm trying to set up a simple Gallery of images with alpha transition using as3.  But a problem with that. After each transition the image alpha, the stage becomes empty. The code I used for image Gallery is the sequel. Can someone help me. I try this for a week. but I still have a hope to make this work. So please help me.

    import flash.display.Loader;
    import flash.display. *;
    import of gs. TweenLite;

    const TIMER_DELAY = 2000;

    var totImages:Number;
    var: index number = 0;

    var imgArr:Array = new Array();

    var currentContainer:MovieClip = holder0;
    currentContainer.alpha = 0;


    var transTimer:Timer = new Timer (TIMER_DELAY);
    transTimer.addEventListener (TimerEvent.TIMER, startTransition);

    var imgLoader:Loader = new Loader();

    var myXML:XML = new XML();
    var XML_URL:String = "images.xml."
    var myXMLURL:URLRequest = new URLRequest (XML_URL);
    var myLoader:URLLoader = new URLLoader (myXMLURL);
    myLoader.addEventListener ("complete", xmlLoaded);

    function xmlLoaded(event:Event):void {}
    myXML = XML (myLoader.data);
    processXML (myXML);
    }
    function processXML (xml) {}
    totImages = xml.children () .length ();
    for (var i = 0; i < totImages; i ++) {}
    var tempVar = xml... Item [i]... image;
    imgArr.push (tempVar);
    }
    transTimer.start ();

    currentContainer = holder0;
    loadImage();
    }
    function loadImage() {}
    var url = imgArr [index];
    ImgLoader.contentLoaderInfo.addEventListener (ProgressEvent.PROGRESS, onProgressStatus);
    imgLoader.contentLoaderInfo.addEventListener (Event.COMPLETE, fadeInImg);
    var fileRequest:URLRequest = new URLRequest (url);
    imgLoader.load (fileRequest);
    currentContainer.addChild (imgLoader);
    }
    function fadeInImg(e:Event) {}
    TweenLite.to(currentContainer,3,{alpha:1,delay:2,onComplete:switchClip});)
    }
    function switchClip() {}
    if(index < totImages) {}
    index ++;
    } else {}
    index = 0;
    }
    if(currentContainer == holder0) {}
    currentContainer = holder1;
    } else {}
    currentContainer = holder0;
    }
    currentContainer.alpha = 0;
    MovieClip (this.root) .swapChildren (holder0, holder1);
    loadImage();
    }

    Thank you and best regards,

    Sreelash

    Here's some code that should work for you. Note that this is a version stripped of the code class, so all by removing class related Articles, some bugs can be introduced. When the class code worked perfectly.

    
    import flash.display.DisplayObject;
    import flash.display.Loader;
    import flash.events.Event;
    import flash.events.TimerEvent;
    import flash.net.*;
    import flash.utils.Timer;
    import gs.TweenLite;
    
    var xmlURL:String = "http://www.creative-showcase.co.uk/BirdStudiosOld/Videos/test/images.xml";
    // array of loaded images
    // you don't have to reload them every time
    // unless you want to free memory
    // which will involve additional coding
    // and more complex logic
    var loadedImages:Array = [];
    // array of images urls
    var imageURLs:Array = [];
    // image loader
    var imageLoader:Loader;
    // previously displayed image
    var prevImage:DisplayObject;
    // current image
    var currentImage:DisplayObject;
    // slide show timer
    var showTimer:Timer;
    // timer duration
    var timerDuration:int = 3000;
    // tween duration
    var tweenDuration:int = 2;
    // index of the current slide
    var currentIndex:int = 0;
    
    var myXMLURL:URLRequest = new URLRequest(xmlURL);
    var xmlLoader:URLLoader = new URLLoader(myXMLURL);
    xmlLoader.addEventListener(Event.COMPLETE, xmlLoaded);
    xmlLoader.load(myXMLURL);
    
    function xmlLoaded(e:Event):void
    {
         // allow for GC
         e.target.removeEventListener(Event.COMPLETE, xmlLoaded);
         processXML(XML(e.target.data));
    }
    
    function processXML(xml:XML):void {
         var len:int = xml.children().length();
         // declare variable once
         var tempVar:String;
         for (var i:int = 0; i < len; i++) {
              tempVar = "http://www.creative-showcase.co.uk/BirdStudiosOld/Videos/test/" + xml..item[i]..image;
              imageURLs.push(tempVar);
         }
         preload();
    }
    
    function preload():void
    {
         // preload the rest of the images
         // in this case the logic is that
         // because slide show is automatic
         // it may make sense to have all of them
         // in memory - they are going to be there
         // eventually anyway
         var len:int = imageURLs.length;
         for (var i:int = 0; i < len; i++) {
              imageLoader = new Loader();
              imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, onPreloadComplete);
              // hold loader in the array - it will be reused
              loadedImages.push(imageLoader);
              imageLoader.load(new URLRequest(imageURLs[i]));
         }
    }
    
    function onPreloadComplete(e:Event):void
    {
         // prepare for GC
         e.target.removeEventListener(Event.COMPLETE, onPreloadComplete);
         // if timer is not instantiated - show is not started
         // AND first two were preloaded - meaning they have content
         if (!showTimer && loadedImages[0].content &&   loadedImages[1].content ) startShow();
    }
    
    function startShow():void
    {
         // place first image on display list
         currentImage = loadedImages[0];
         currentImage.alpha = 0;
         addChild(currentImage);
         TweenLite.to(currentImage, 1, { alpha: 1 } );
         // start show timer
         showTimer = new Timer(timerDuration);
         showTimer.addEventListener(TimerEvent.TIMER, slideTransition);
         showTimer.start();
    }
    
    function slideTransition(e:TimerEvent):void
    {
         // in case sequence is important - don't change
         // current index yet but check against
         // separate variable
         var nextImage:int = currentIndex < loadedImages.length - 1 ? currentIndex + 1 : 0;
         // check if image was loaded
         // if it is not loaded - will wait until next timer event round
         if (loadedImages[nextImage].content) {
              // now we can change current index
              currentIndex = nextImage;
              // place it behind current image
              addChildAt(loadedImages[currentIndex], getChildIndex(currentImage));
              // swap them
              prevImage = currentImage;
              currentImage = loadedImages[currentIndex];
              // show transition
              showCurrent();
         }
    }
    
    function showCurrent():void
    {
         // make sure they have proper alphas
         prevImage.alpha = 1;
         currentImage.alpha = 0;
         TweenLite.to(prevImage, tweenDuration, { alpha: 0 } );
         TweenLite.to(currentImage, tweenDuration, { alpha: 1, onComplete: removePrevious } );
    }
    
    function removePrevious():void {
         if (this.contains(prevImage)) removeChild(prevImage);
    }
    
  • &amp; lt; Beginner &amp; gt; Scroll image gallery

    can someone help me understand why my site isn't a gallery of loading external images? the tutorial I used can be found here:

    http://www.oman3d.com/Tutorials/Flash/imagegallery/

    they made the image gallery is entirely with actionscript and it works in the .swf to the Gallery, but as soon as I call it to be loaded into the .swf House, it does not. Here is the link to the homepage of sites:

    (oh and don't worry, I know that the photos are pixelated and some need fixed things, I'm just trying to get the site working first)
    http://lightboy101.110mb.com/bootleg/splash.swf
    -Here is the Gallery-
    http://lightboy101.110mb.com/bootleg/Gallery.swf

    If anyone can help me, please let me know. or if you know a tutorial with a better scroll image gallery, that would be great. Thank you.

    This is the case. to fix, replace Stage.height and Stage.width with stageH and the stageW, the RESP and hardcode them the correct values for these variables.

  • My Macbook Air has no space left, please suggest

    My Macbook Air has no space left, please suggest

    These instructions allow to OS X El Capitan: increase the disk space

  • my iphone 6s is stolen I had activated find my iphone, but now the device does not appear on my icloud find my iphone please suggest what to do.

    my iphone 6s is stolen I had activated find my iphone, but now the device does not appear on my icloud find my iphone please suggest what to do.

    If your iPhone, iPad or iPod touch is lost or stolen - Apple supports

  • Please suggest taking notes app

    I'm looking for 3 things [need all 3]

    1 ability to add different pages [empty / governed...] in PDF format

    2 when I want to add text, it aligns the lines of text b/w and when I press on enter automatically, it goes to the next lines of b/w space [as in notability]

    3. ability to add shapes [Center] directly on PDF



    I ask here because I bought the notability, he's 1,2 step 3. I also bought PDF expert 5, he's 1.3 step 2.


    Please suggest some app that allows to make all 3


    Thank you

    That means "lines of b/w"?

  • We tried the window. ResizeTo and window. Methods MoveTo using javascript. It doesn't seem to work in version 9.0.1. Please suggest any alternative.

    Hello
    We tried the window. ResizeTo and window. Methods MoveTo using javascript. It doesn't seem to work in version 9.0.1. Please suggest any alternative.

    Thank you
    Avinash

    This is no longer allowed for security reasons (bug 565541).

    See https://support.mozilla.org/nl/questions/880032

    https://developer.Mozilla.org/en/DOM/window.MoveTo

  • I want to USB Hub with sync Ipad pro please suggest compitable for this device

    I want to buy power USB Hub with Sync to IPad Pro please suggest me the device appropriate for this work

    A powered hub will do, choose one.

  • Pavilion G6-2137TX: Please suggest Compatible RAM

    My RAM of the laptop does not work, I want to change my RAM. I want to buy a 4 GB of RAM. Please suggest compatible RAM (detailed information) for my system.

    Thank you!

    You do not have to ask several questions:

    http://h30434.www3.HP.com/T5/notebook-hardware-and-upgrade-questions/please-help-me/m-p/5490799

  • Hi, I have the iphone 6 in warranty period... .working perfectly, but I want to exchange it with the iphone 6 s. Please suggest.

    Hello

    I have the iphone 6 in warranty period... .working perfectly, but I want to exchange it with the iphone 6 s. Please suggest.

    If your phone is in warranty period or not has nothing to do with trying to swap an iPhone for a s 6 6.

    Apple not no trade ins, so you have to sell your iPhone 6 to finance the purchase of a new s 6, or you can use the Apple recycling.

    The only other thing you can do, it's that if you bought your phone directly from a carrier rather than Apple, you can exchange your phone with a carrier in order to upgrade to a 6 s.

    That's all.  Other than that and if you bought at Apple, you must sell your iPhone 6 and use that money to buy a 6s instead.

  • I own a Macbook pro mid 2012. Now I want to increase the RAM of 4 GB to 8 GB, please suggest if this update will help me to improve my performance to macbook.

    I own a Macbook pro mid 2012. Now I want to increase the RAM of 4 GB to 8 GB, please suggest if this update will help me to improve my performance to macbook.

    It will help in cases where the applications require more than 4 GB of RAM.  Otherwise, there will be no noticeable difference.  If you really want to increase the speed, an SSD is the best option.  They cost about 3 x's + more than a traditional HDD of same capacity...

    Ciao.

Maybe you are looking for