Making a lightbox photo gallery with thumbnails for 100+ photos

I have been trying to make the above (all is in an accordion). I started by merely using a thumbnail slide show, but that didn't work because I couldn't organise the thumbnails into multiple pages. So my solution was to first put a multiple page tooltip composition setup with position on lightbox, transition on horizontal and hide all intially unchecked. Then, within each tooltip slide I placed a lightbox slide show with 9 pictures. This way, there are multiple pages with 9 thumbnails on each, and clicking on one shows the enlarged picture. This presented 3 problems, which I need help to solve.
1) Appearance in design mode doesn't reflect appearance in browser preview. In design, everything is aligned and looks good, while in preview in browser it doesn't:
2) Upon clicking on thumbnail, the preview is behind the thumbnails:
3) Intially (in preview in browser) one must click on a target to show the tool tip slides.
Thanks in advance,
Chris
P.S: Also, my slideshow on the home page doesn't show in preview in browser mode, if you help with this it would also be aprecciated.

Hi
Please check if thumbnails are placed in target container , as if thumbnails are placed in container then image with lightbox will also show the triggers.
If still same issue, please share the site url.
Thanks,
Sanjit

Similar Messages

  • How to transfer photo gallery with thumbnails from Fireworks?

    Hi
    I am trying to create a website. I am using Dreamweaver CS3
    and for my main homepage I used one of their templates.
    From my main page I give a link to photo gallery. I intend to
    build a gallery in Fireworks as I will need a thumbnails for my
    photos.
    My question is how can I transfer the created gallery to
    Dreamweaver CS3? I need the same template I used for my homepage
    for my gallery?
    Please help!
    Thanks

    jcdesigns wrote:
    > I am assuming you are building a photo gallery like you
    can in photoshop. In
    > Fireworks, are you going to something like:
    File>Automate>Web Photo Gallery,
    > and pointing to the folder where the images are located,
    and Fireworks builds
    > the pages, thumbnails and larger images by itself? If
    this is the case, then
    > you just need to make a link on your home page to the
    gallery page.
    >
    > If you are building this all by hand, meaning you are
    making and resizing all
    > of the thumbnails and images yourself, you will need to
    create a second page
    > and place all the thumbnails on that, and link them to
    the larger image files
    > or pages with those images.
    >
    > www.projectseven.com has a REALLY good photo gallery for
    Dreamweaver and
    > Fireworks for a good price. That is the way to go.
    Especially if you plan on
    > making more photogalleries.
    >
    Resize your photos as needed to cut down their size use jpg
    or png format.
    save then in an outside folder.
    next inside the directory you use for your web files create a
    directory
    with either the sme name as the outside folder or name
    desired open that
    directory.
    Open up Dreamweaver and create a Blank HTML page.
    Now go to Commands menu and and choose create web Photo
    album...
    next a menu will pop up and ask directory where images are
    located. Then
    will ask the destination directory browse to the new
    directory you
    created. You will also settings for Thumbnail size and
    whether to use
    captions if you do use captions it will use the file name of
    of each
    image and you will have to go in and edit the caption names
    for the
    photos as desired when everything is setup fireworks will
    takeover and
    create the album. it will create three subdirectories one
    with the full
    size photos , one with the thumbs, and one with the html
    information for
    each photo. Plus three other files in main directory one
    being an html
    file. once completed and Fireworks returns editing back to
    Dreamweaver
    close and don't save the blank html file. the index file
    needed will be
    created by Fireworks.
    open the index file inside you album directory and edit
    cations as needed.
    Remember if you do this you'll need a total of 3 times files
    of the
    photos you use for example.
    if you have 30 photos it will be a total of four directories
    and 93 files.
    for 20 it would be 63 files, for 10 33 files and so on.
    If you need to add photos or take away photos the method is
    to start
    over from scratch and use you FTP program to do a recursive
    delete on
    the directory then re-upload.
    Phillip M. Jones, CET |LIFE MEMBER: VPEA ETA-I, NESDA, ISCET,
    Sterling
    616 Liberty Street |Who's Who. PHONE:276-632-5045,
    FAX:276-632-0868
    Martinsville Va 24112 |[email protected], ICQ11269732, AIM
    pjonescet
    If it's "fixed", don't "break it"!
    mailto:[email protected]
    <
    http://www.kimbanet.com/~pjones/default.htm>
    <
    http://www.kimbanet.com/~pjones/90th_Birthday/index.htm>
    <
    http://www.kimbanet.com/~pjones/Fulcher/default.html>
    <
    http://www.kimbanet.com/~pjones/Harris/default.htm>
    <
    http://www.kimbanet.com/~pjones/Jones/default.htm>
    <
    http://www.vpea.org>

  • Photo gallery with Thumbnail View in Flex 3

    Hello everyone
    I very urgently need an answer to a very simple qeuestoon. I have been trying really hard since days to get a solution to this simple problem but in vain.
    I am building an application in Flex 3. I simply want to create a photo gallery with a thumbnail where when the user clicks on a thumbnail, the image is shown in the canvas/tab navigator box next to it. The images are stored in a local folder (in src) are ARE NOT on available on any web link.
    The Vbox with the thumb image and the .xml file has been created. But when I click on the thumbnail, the full image cannot be seen in the application. I dont know if this is a problem with data binding or what.
    Please help!!!
    Thanks a ton.

    Check the folder structure
    Flash is not able to get some file thats why the IO Error.
    trace the url path just before u load the file and u will be abel to find whether that file is in specified folder or not.
    http://www.darshanrane.com

  • Photo gallery with thumbnail and caption

    Hi,
    am looking for a good photo gallery extention or application with thumbnails and captions, preferbly free or willing to pay for good working application, please help - would like to incorporate into website gallery page
    thank you

    hello,
    There is a web photo gallery extension called:
    Web Photo Album 2.1 for Dreamweaver MX
    You will need a copy of Fireworks to run it though.
    Sometimes, I use Photoshop's automate web galelry and then use that file inside of my site.
    If have to incorporate it into an existing page, I just copy and paste the code.
    babs

  • Tutorial for a Spry photo gallery with thumbs and buttons ???

    Anyone know of a a tutorial for building a Spry photo gallery with both thumbnails and next, previous, stop and play buttons(functions)  ???
    Like the ones on Adobe's Photo Gallery demos; http://labs.adobe.com/technologies/spry/demos/pe_gallery.html
    Adobe show the source for their Photo Gallery Demos, but that doesn't help me much ... I need a prober tutorial that tells me how to do : ) 
    The only tutorial that I've been able to find, is one for Dreamweaver 8, without buttons - I'm looking for a updated version.
    I appreciate any help very much. Thank you.

    Just Google for the Spry photo gallery and you might find
    http://cates-associates.net/tutorials/Tutorial-CS3-Spry.html
    or even a few others.
    Happy Sprying
    Ben

  • Searching for Flash Photo Gallery with numbered navigation menu.

    I'm looking for a photo gallery with a numbered navigation
    menu. I've seen this gallery on several flash web pages. Is this
    type of photo gallery a template that comes with flash? Has anyone
    come across a tutorial for a photo gallery similar to the link
    below.
    http://www.rockcreeksm.com/index.php/work/portfolio/

    i made this one:
    http://www.goldbergphotography.com/
    but there are quite a few simpler photogalleries. use google
    to search for some tutorials or templates.

  • Make 3D Flash wedding photo gallery with songs

    Last week, my dearest sister got married. There were about a gazillion things to love about her wedding day… so many moments all wrapped up into one very totally unforgotten event. I took lots of wedding photos on her wedding day and wanted to give her a surprise of making her a 3D flash wedding photo gallery with wedding songs.
    As I expected, my sister was moved, many thanks she said to me. Now I just want to give my many thanks to Aneesoft 3D Flash Gallery. It is a wedding gallery making software that helped me make so gorgeous flash gallery with my sister's wedding pictures. Knowing nothing about flash making, I never thought making a splendid 3D flash gallery would be so easy. My friend, do you eager to make your own cool, awesome flash gallery now? Do you eager to sharing your wedding photos in a stunning 3D photo gallery? Let me show you the way!
    What you'll need:
    1. Wedding photos and wedding songs for your 3D flash gallery
    2. Aneesoft 3D Flash Gallery
    Step 1: Download & install Aneesoft 3D Flash Gallery
    We'll be using a very nice 3D gallery making software 'Aneesoft 3D Flash Gallery' to making a romantic wedding flash gallery with wedding photos and wedding songs, head over here and download the free trial version. Next step is to install the program.
    Step 2: Import wedding photos and edit
    You can add up to 500 photos that you want to use in your wedding photo gallery, arrange the photos as you like. Aneesoft 3D Flash Gallery supports a wide range of file formats for images, such as .jpg, .bmp, .gif. Click "Add Caption" to add title and description for your wedding photos. And you can also crop and add special effects to them to make your wedding photos more perfect
    Step 3: Choose from a variety of wedding flash gallery templates
    Aneesoft 3D Flash Gallery offer you an easy way to make a stunning wedding photo gallery by choosing from variety of flash gallery templates. A flash gallery template automatically put preset decoration to wedding gallery. When you select a preset flash gallery template, you're able to enhance it by customizing some additional settings, such as background, thumbnail effects, playback options and scrolling actions. For the adventurous users, explore the powerful advanced features and tools that gives you total control over how you compose your wedding flash photo gallery.
    Step 4: Add some wedding songs for your wedding flash gallery
    Wedding songs are a very important factor to consider when making your wedding flash photo gallery. They set the general mood and tone for your gallery, while also allowing you to express your feelings through music. You may find the perfect wedding songs out of hundreds of popular wedding songs and music through Amazon.com or iTunes.
    In this step, you can add some wedding songs as background music to play along with your wedding flash gallery. Click Add Music button to browse and add your wedding songs. You can add, remove and edit the wedding music files. And you may check the option to control the background music looping or not.
    Step 5: Preview and publish your 3D wedding flash gallery
    It is advisable that you preview the wedding flash gallery at least once, before you publish it. Click and drag mouse for scrolling and tilting the 3D flash gallery. Click on the thumbnail to zoom in and out the photos. You have several options to share and publish your 3D wedding photo gallery, such as SWF, EXE and HTML. It depends on your needs.
    OK, now your wedding flash gallery is done. What do you think of the wedding flash gallery that I made for my sister? End with my sister's sentences "Fun is not ending, romantic is not ending, and love is just beginning!" Wish your wedding pictures can also be splendid as my sister's, and your love is just beginning, enjoy!
    know more:
    http://www.aneesoft.com/win-3d-flash-gallery.html
    http://www.aneesoft.com/tutorials/3d-flash-gallery/make-wedding-flash-gallery-with-songs.h tml

    As for AS3 part of it, I am not sure your code really works. There are syntax and logical errors there.
    I think you need to take it step by step and accomplish several task in the following sequences:
    1. Write code that loads XML correctly;
    2. Write code that enables buttons;
    3. Write code that will load images on button clicks.
    The code below shows in principal what needs to be done in order to load XML and make the data in this XML available for further consumption. Also, by accomplishing this step you will iron out all the PHP vs Flash wrinkles including your XML.
    Please note, I don't know your XML structure so all the parsing issues you need to resolve yourself.
    Once you get handle on it - we, hopefully, will talk about steps 2 and 3.
    import flash.display.Loader;
    import flash.events.*;
    import flash.net.*;
    var images:XML;
    var myRequest:URLRequest;
    var myLoader:URLLoader;
    // list of image urls that will come from loaded XML
    var imageList:XMLList;
    myRequest = new URLRequest("Photography.php");
    myLoader = new URLLoader();
    myLoader.addEventListener(Event.COMPLETE, onFileLoaded);
    // suggested handler for unexpected errors - avoids some headaches
    myLoader.addEventListener(IOErrorEvent.IO_ERROR, onLoadError);
    myLoader.load(myRequest);
    // Note: all the listeners are removed
    // it is always wise to remove listeners that are needed any longer
    // to make objects eligible for arbage collection
    function onLoadError(e:IOErrorEvent):void
         trace(e.toString());
         myLoader.removeEventListener(Event.COMPLETE, onFileLoaded);
         myLoader.removeEventListener(IOErrorEvent.IO_ERROR, onLoadError);
    function onFileLoaded(e:Event):void
         myLoader.removeEventListener(Event.COMPLETE, onFileLoaded);
         myLoader.removeEventListener(IOErrorEvent.IO_ERROR, onLoadError);
         images = new XML(myLoader.data);
         // only now xml is ready and you can start loading images
         imageList= images.pic;

  • How create a carrosel photo gallery with Adobe Muse widgets?

    I use Adobe Muse 3.2 build 2, and I need create a photo gallery with many photos (around 60) like a carrosel (with photos and thumbnails that slides both from left to right). There is some way to create or insert a widget of this kind in Muse? If possible, in which Muse version?
    I wanted a solution that works inside of Muse, to not create a HTML page separated, with the gallery, and after embed it into the Muse.
    Thanks for any reply.

    It is currently not possible to create a functional carousel using the out-of-the-box features available in Muse. You will need to look online for third party code or a widget from a Muse widget developer for something like this.
    Cheers,
    Vikas

  • I have albums in my iMAC with description for each photo that I can show up on slide show so that I know the place that is in the photo. If I synchronize my photos to iPOD, I am unable to get the Descriptions also copied. How do I ensure this?

    I have two questions:
    1) I have multiple logins in my iMAC. How do I move photos/albums from one login to another?
    2) I have created albums with "Description" for each photos, so that, in a slide show, any one can see what is being shown on the photo. When I sync albums to my iPOD, the "Descriptions" are not getting copied. How do I ensure that the "Descriptions" also get copied so that it can be a real back-up?
    Thanks

    Back up your iPhoto library, Depress and hold the option (alt) and command keys and launch iPhoto - rebuild your iPhoto thumbnails - this may take several tries
    Also what version of iPhoto? What recently changed?
    LN

  • BC Photo Gallery with a jQuerry and a muse desktop template

    Hello
    How to combine a BC Photo Gallery with a jQuerry and a muse desktop template.
    The jQuerry Slider is from
    http://galleria.io (tutorial: http://www.atlantawebdesignga.com/adobe-business-catalyst-developer/use_javascript_galleri a_slideshow_to_display_an_adobe_business_catalyst_photo_gallery)
    It works as long as the template of muse ins’t selected.
    If the template is selected the jquerry wouldn't beeing loaded.
    The effect is: the images shown among themselves.
    Thanks for helping

    Hello Chad Smith
    Thanks for your support.
    Our Examples:
    Code published from Muse
    http://tempgallery.24-7web.ch/test.html
    Code embedded in BC, without a template
    http://tempgallery.24-7web.ch/notemplate
    Code embedded in BC, with a template
    http://tempgallery.24-7web.ch/template
    Do you need more?
    …Domenic

  • I have used the "description" spot in iPhoto for in-depth additional information for photos of my ancestors. Now I am wanting to know if there is a way to print the photos along with the descriptions; either photo by photo, or maybe more than one per page

    I have used the "description" spot in iPhoto for in-depth additional information for photos of my ancestors. Now I am wanting to know if there is a way to print the photos along with the descriptions; either photo by photo, or maybe more than one per page, or possibly in some sort of booklet format. Thank you very much.

    You can make a Book and have a photo on one side and your text description on the other.

  • Error in creating XML photo gallery with Flash CS4 and AS 3.0

    Hello, all. I've been creating an XML photo gallery with Flash CS4 and AS 3.0 following a tutorial. I followed the instructions step-by-step but at the end I got the following error message instead:
    Error #2044: Unhandled IOErrorEvent:. text=Error #2035: URL Not Found.
    Could anyone in the community assist me as to how to solve the problem? The script has no errors and last time I checked all the applicable files (the .xml file, the .jpg files, the .swf and the .fla file) are in my Documents folder on the Mac.
    Looking forward to your suggestions!

    Check the folder structure
    Flash is not able to get some file thats why the IO Error.
    trace the url path just before u load the file and u will be abel to find whether that file is in specified folder or not.
    http://www.darshanrane.com

  • How can I make Web Photo Gallery with Photoshop CS6 on Mac 10.6.8?

    How can I make Web Photo Gallery with Photoshop CS6 on Mac 10.6.8?

    You can use Bridge to create a web photo gallery.
    Here's a video that shows you how to do it:
    Hope this helps!
    Julia

  • Creating a photo gallery with photo download option

    Good morning,
    I need to create a page on my website where I can have a photo gallery WITH the option to download a photo, or the entire gallery. Can someone tell me, or point me to a video tutorial on how to do this?
    If you are familiar with SmugMug, or Zenfolio, they have that option where I can click to download the entire gallery or a single photo, and it downloads in the form of a zipped file.
    Can someone help me with this please?
    Thank you,
    Alex
    (I would use SmugMug or Zenfolio, but my volume does not justify the cost)

    Welcome Alex  -
    Any picture you display on your site can be saved to the visitor's computer.
    If you ZIP each gallery, a simple link to the zipped archive will offer the visitor
    an option to save to their computer.

  • Flash & XML Photo Gallery with Categories

    Hello friends
    i am trying but
    i want to create Flash & XML Photo Gallery with Different Categories
    please help me

    If you want to do using oop
    go throgh this article first
    http://active.tutsplus.com/tutorials/actionscript/as3-101-oop-additional-concepts/

Maybe you are looking for

  • How to open  a tiff file on a specific page?

    Hi, I would like to open a tif file in internet explorer at a specific page. My tif file gets 3 pages. I succeed in opening it in internet explorer at the first page by just cliking on this link: But i would like to open the tif file directly at its

  • ITunes unexpectedly quits

    Hello everyone, When I open iTunes, after about five seconds it unexpectedly quits. For those five seconds, I can play music, it recognizes my iPhone 4 and iPad 2, and I can click through menus/playlists like normal. But like clockwork it then quits.

  • 3D in Illustrator CS4

    Hi! Is there any possibility to import 3D to Illustrator (like the new 3D feature in Photoshop) and sketch on it (eg in a separate layer)? I'm looking for a solution combining 3D and vector based design - is there any? Thanks & Cheers -ena

  • Inspire 5700

    I currently running a SBLIVE 24bit card using my 5700 inspires on digital din connection but I cant hear my rear speakers option is selected on 5.1 and digital out is ticked can anyone help me out.My analog cable for 5700 inpires is lost what cable c

  • Caused by: org.springframework.beans.factory.NoSuchBeanDefinitionException: No unique bean of type [com.gemstone.gemfire.cache.GemFireCache] is defined: expected single bean but found

    Hi! I'm trying to configure java gemfire template to query data in spring application. To create spring template I need to create client-region, to create client-region I need to create client-cache, to create client-cache I need to create pool. One