Creating video gallery with thumbnails?

Hi everyone.  I'm trying to create this video gallery that has clickable thumbnails on it.  When no one is around to click on the thumbnails, the videos play on a loop.  However, I want there to be the ability to see thumbnails while the videos are playing so that if someone comes along, they can click on that thumbnail and view that specific video.
I've been trying out different themes in iDVD, but nothing seems to have that feature where you can still see the thumbnails of the different videos you have while a video is playing.  Anyone know of how to do this?  Help would be greatly appreciated!!

Theoretically yes but I haven't tried it. You could try to create a disk image and play it with Mac Blu-Ray Player. But as I said I have no first hand knowledge regarding this.
Note that your video needs to HD to go the Blu-Ray route. Otherwise it makes no sense.

Similar Messages

  • 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

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

  • Xml gallery with thumbnails & next/previous buttons.

    hallo all the wise people,
    sorry to bother you, but i'm kind of desperate, and nobody around to ask, so....
    i've spend now three full days editing an xml gallery... to my needs, and always goes messy, so maybe it's time give up and make my own from the scratch, or looking from a one closer to my needs =/ (helpless).
    could anyone help - maybe any of you by some chance knows a link as close as possible to tutorial/source as3 fla to sthg as close as possible to this:
    a) xml gallery
    b) thumbnails
    c) when thumbnail clicked a big picture shows
    d) next/previous buttons possible
    otherwise, i can also post the code of my gallery where i absolutely can't add next/previous buttons without making a big mess =/
    i will be totally youbie doubie grateful for any help... any, if you only know any good link, 'll try to fugure out a tutorial or edit the source myself....
    thanks in advance

    heyyyo wise one,
    at least this is really  nice of you to ask -  this gallery really makes me by now feel twice as blond as i am 8-0. but this is kinda really nested.
    the xml structure goes like this (this is easy and more or, less standard)(Caption is neglectable, probabaly i will not even display it, unless i have some extra time):
    <MenuItem>
             <picnum>01</picnum>
             <thumb>thumbs/Image00001.jpg</thumb>  
             <picture>Image00001.jpg</picture>
       <Caption>Fist Title</Caption> 
    </MenuItem>
    uaaha, then the as goes. there is the URLloader, but also two different loaders inside (one for the thumbnails, one for the big picture). and this is all inside a for each loop -eh... i was always trying to change the pictLdr behavior - the loader, that loads the big picture.
    anyway the URL loader, and the main function, which is attached to it go like this:
    var myXML:XML = new XML();
    var XML_URL:String = "gallery_config.xml";
    var myXMLURL:URLRequest = new URLRequest(XML_URL);
    var myLoader:URLLoader = new URLLoader(myXMLURL);
    myLoader.addEventListener("complete", xmlLoaded);
    // Create the xmlLoaded function
    function xmlLoaded(event:Event):void
    // Place the xml data into the myXML object
        myXML = XML(myLoader.data);
        // Initialize and give var name to the new external XMLDocument
    var xmlDoc:XMLDocument = new XMLDocument();
    // Ignore spacing around nodes
        xmlDoc.ignoreWhite = true;
    // Define a new name for the loaded XML that is the data in myLoader
        var menuXML:XML = XML(myLoader.data);
    // Parse the XML data into a readable format
        xmlDoc.parseXML(menuXML.toXMLString());
        // Access the value of the "galleryFolder" node in our external XML file
    for each (var galleryFolder:XML in myXML..galleryFolder)
       // Access the value of the "pagenum" node in our external XML file
               var galleryDir:String = galleryFolder.toString();
    //trace (galleryDir);
    //trace (galleryFolder);//output taki sam jak powyżej
    // inicjuję variable flag, która bedzie trzsymac nazwę klikniętego thumbnail
    var flag2:String = null;
    // Set the index number of our loop, increments automatically
    var i:Number = 0;
    // Run the "for each" loop to iterate through all of the menu items listed in the external XML file
    for each (var MenuItem:XML in myXML..MenuItem)
    // Access the value of the "picnum" node in our external XML file
        var picnum:String = MenuItem.picnum.toString();
    // Access the value of the "pagetext" node in our external XML file
        var Caption:String = MenuItem.Caption.toString();
    // Access the value of the "thumb" node in our external XML file
        var thumb:String = MenuItem.thumb.toString();
    // Access the value of the "pagepicture" node in our external XML file
        var picture:String = MenuItem.picture.toString();
    // Just some trace I used for testing, tracing helps debug and fix errors
    //trace(picnum);
    var thumbLdr:Loader = new Loader();
        var thumbURLReq:URLRequest = new URLRequest(galleryDir + thumb);
        thumbLdr.load(thumbURLReq);
    // Create MovieClip holder for each thumb
    var thumb_mc = new MovieClip();
    thumb_mc.addChild(thumbLdr);
    addChildAt(thumb_mc, 1);
      // Create the rectangle used for the clickable button we will place over each thumb
      var rect:Shape = new Shape;
      rect.graphics.beginFill(0xFFFFFF);
      rect.graphics.lineStyle(1, 0x999999);
      rect.graphics.drawRect(0, 0, 80, 80);      
      // Create MovieClip holder for each button, and put that rectangle in it,
      // make button mode true and set it to invisible
      var clip_mc = new MovieClip();
      clip_mc.addChild(rect);
      addChild(clip_mc);
      clip_mc.buttonMode = true;
      clip_mc.alpha = .0;
         // The following four conditionals create the images where the images will live on stage
      // by adjusting math through each row we make sure they are laid out good and not stacked
      // all on top of one another, or spread out in one long row, we need 4 rows, so the math follows
      if (picnum < "05")
           line1xpos = line1xpos + distance; // These lines place row 1 on stage
        clip_mc.x = line1xpos;
        clip_mc.y = yPlacement;
        thumb_mc.x = line1xpos;
        thumb_mc.y = yPlacement;
       else  if (picnum > "04" && picnum < "11")
        line2xpos = line2xpos + distance; // These lines place row 2 on stage  
        clip_mc.x = line2xpos;
        clip_mc.y = 86;
        thumb_mc.x = line2xpos;
        thumb_mc.y = 86;
       else  if (picnum > "10" && picnum < "14")
        line3xpos = line3xpos + distance; // These lines place row 3 on stage
        clip_mc.x = line3xpos;
        clip_mc.y = 172;
        thumb_mc.x = line3xpos;
        thumb_mc.y = 172;
       else  if (picnum > "13" && picnum < "21")
       line4xpos = line4xpos + distance; // These lines place row 4 on stage
       clip_mc.x = line4xpos;
       clip_mc.y = 258;
       thumb_mc.x = line4xpos;
       thumb_mc.y = 258;
       // And now we create the pic loader for the larger images, and load it into "pictLdr"
       var pictLdr:Loader = new Loader();
       var pictURL:String = picture;
          var pictURLReq:URLRequest = new URLRequest(galleryDir + picture);
       //var pictURLReq:URLRequest = new URLRequest("gallery/Image00004.jpg");sprawia,ze zawsze wyswitla sie jeden obrazek
          pictLdr.load(pictURLReq);
       // Access the pic value and ready it for setting up the Click listener, and function
          clip_mc.clickToPic = pictLdr;
       // Access the text value and ready it for setting up the Click listener, and function
       clip_mc.clickToText = Caption;
       //var instName:String = flag();
       // Add the mouse event listener to the moviClip button for clicking
          clip_mc.addEventListener (MouseEvent.CLICK, clipClick);
          // Set the function for what happens when that button gets clicked
       function clipClick(e:Event):void
         // Populate the parent clip named frameSlide with all of the necessary data
         MovieClip(parent).frameSlide.gotoAndPlay("show"); // Makes it appear(slide down)
         MovieClip(parent).frameSlide.caption_txt.text = e.target.clickToText; // Adds the caption
         MovieClip(parent).frameSlide.frame_mc.addChild(e.target.clickToPic); // Adds the big pic
       } // This closes the "for each" loop
    } // And this closes the xmlLoaded function
    and the effect looks like this (it's a sketch, so big pictures are loaded randomly, don;t put too much attention to it): http://bangbangdesign.pl/xmlGallery/gallery29.swf
    but i guess it's a terrible stuff to go through all this. i would be totallly satisfied with a likng to a good tutorial to do it from scratch, or just a hint where to start rebuilding this.
    + in any case i send greetinngs to whereever you are =]

  • Making a apple video gallery with QT?

    How do I make a video gallery like this...
    http://www.apple.com/findouthow/web/#ftp
    Been searching but all I come up with is how to do it with flash. Thanks!

    Marc ~ The following suggestions are Flash-like video players, but anyway...
    I don't know if this one will simply work in iWeb's HTML Snippet Window:
    http://www.techcrunch.com/2009/03/01/embedr-lets-you-create-and-share-good-looki ng-video-playlists/
    Vimeo recently re-designed their player:
    Vimeo cuts the clutter with a sexy redesign
    Or there's the YouTube approach:
    http://www.techcrunch.com/2007/07/20/youtube-launches-custom-player-feature/
    And this: An expert's guide to YouTube

  • Is there a way to create videos 'fast' with adobe products?

    I am an affiliate marketer. I have produced a video  Inspro Program: personal development planned and achieved - YouTube and I would like to know if there are ways to create videos within maybe 10 minutes with Adobe products. Please suggest a quick method.

    Turnaround times ultimately depend on the skill of the person doing the work just as much as the programs' capabilities. And 10 minutes for editing a video? That's just ridiculous. Importing/ exporting footage or tweaking voice-over audio alone could take longer as could replacing/ re-typing text.
    Mylenium

  • 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

  • XML Driven Video Gallery with Playlist

    Hi,
    I have put together a XML Driven Video Player with auto thumbnail detection but there is a problem.The Video plays but, The thumbs will not show. I think my thumbnail function is not reaching the correct node in my XML.Can someone take a look at my Actionscript Please? The Action Script is below. The XML is at the bottom of this post. The top half of the code is the video playing code the bottom is for the thumbs.
    Actionscript 2.0
    var nc:NetConnection = new NetConnection();
    nc.connect(null);
    var ns:NetStream = new NetStream(nc);
    ns.setNufferTime(30);
    ns.onStatus = function(info) {
    if (info.code == "NetStream.Buffer.Full") {
    bufferClip._visible = false;
    if (info.code == "NetStream.Buffer.Empty") {
    bufferClip._visible = true;
    if (info.code == "NetStream.Buffer.Stop") {
    ns.seek(0);
    theVideo.attachVideo(ns);
    rewindButton.onRelease = function() {
    ns.seek(0);
    playButton.onRelease = function() {
    ns.pause();
    var videoInterval = setInterval(videoStatus, 100);
    var amountLoaded:Number;
    var duration:Number;
    ns["onMetaData"] = function (obj) {
    duration = obj.duration;
    function videoStatus() {
    amountLoaded = ns.bytesLoaded/ns.bytesTotal;
    loader.loadbar._width = amountLoaded*187.4;
    loader.scrub._x = ns.time/duration*187.4;
    var scrubInterval;
    loader.scrub.onPress = function() {
    clearInterval(videoInterval);
    scrubInterval = setInterval(scrubit, 10);
    this.startDrag(false,0,this._y,187.4,this._y);
    loader.scrub.onRelease = loader.scrub.onReleaseOutside=function () {
    clearInterval(scrubInterval);
    videoInterval = setInterval(videoStatus, 100);
    this.stopDrag();
    function scrubit() {
    ns.seek(Math.floor((loader.scrub._x/187)*duration));
    var theMenu:ContextMenu = new ContextMenu();
    theMenu.hideBuiltInItems();
    _root.menu = theMenu;
    var i1:ContextMenuItem = new ContextMenuItem(":::::Video Controls:::::", trace);
    theMenu.customItems[0] = i1;
    var i2:ContextMenuItem = new ContextMenuItem("Play / Pause Video", pauseIt, true);
    theMenu.customItems[1] = i2;
    var i3:ContextMenuItem = new ContextMenuItem("Replay Video", replayIt);
    theMenu.customItems[2] = i3;
    var i4:ContextMenuItem = new ContextMenuItem("All Rights Reserved 2009", trace, true);
    theMenu.customItems[3] = i4;
    var i5:ContextMenuItem = new ContextMenuItem("SamAndOnline.com Video Player", trace);
    theMenu.customItems[4] = i5;
    function pauseIt() {
    ns.pause();
    function replayIt() {
    ns.seek(0);
    //sound controls
    _root.createEmptyMovieClip("vSound",_root.getNextHighestDepth());
    vSound.attachAudio(ns);
    var so:Sound = new Sound(vSound);
    so.setVolume(100);
    volControl.volcon.slider1.onPress = function() {
    this.startDrag(true,volControl.volcon.groove1._x,volControl.volcon.groove1._y,volControl.v olcon.groove1._x,volControl.volcon.groove1._y+100);
    slideit = setInterval(volControl.volcon.slider_1Move, 100, this);
    volControl.volcon.slider1.onRelease = function() {
    this.stopDrag();
    clearInterval(slideit);
    mute.gotoAndStop("on");
    volControl.volcon.slider1.onReleaseOutside = function() {
    this.stopDrag();
    clearInterval(slideit);
    mute.gotoAndStop("on");
    mute.onRollOver = function() {
    if (so.getVolume() == 100) {
    this.gotoAndStop("onOver");
    } else {
    this.gotoAndStop("muteOver");
    mute.onRollOut = function() {
    if (so.getVolume() == 100) {
    this.gotoAndStop("on");
    } else {
    this.gotoAndStop("mute");
    mute.onRelease = function() {
    if (so.getVolume() == 100) {
    so.setVolume(0);
    this.gotoAndStop("muteOver");
    } else {
    so.setVolume(100);
    this.gotoAndStop("onOver");
    //listBx
    var vlist:XML = new XML();
    vlist.ignoreWhite = true;
    vlist.onLoad = function() {
    var videos:Array = this.firstChild.childNodes;
    for (i=0; i<videos.length; i++) {
    videoList.addItem({label:videos[i].attributes.desc,data:videos[i].attributes.url ,image:videos[i].attributes.thumb});
    //play 1st video
    ns.play(videoList.getItemAt(0).data);
    videoList.selectedIndex = 0;
    //would like to reference something in the XML File with the thumb attribute
    thumbnails_fn(i);
    var vidList:Object = new Object();
    vidList.change = function() {
    ns.play(videoList.getItemAt(videoList.selectedIndex).data);
    videoList.addEventListener("change",vidList);
    vlist.load("videos.xml");
    soundb.onRelease = function() {
    if (volControl.switch2=open2) {
    volControl.gotoAndPlay("open");
    } else {
    volControl.play();
    function thumbNailScroller() {
    // thumbnail code!
    this.createEmptyMovieClip("tscroller", 1000);
    scroll_speed = 10;
    tscroller.onEnterFrame = function() {
    if ((_root._ymouse>=thumbnail_mc._y) && (_root._ymouse<=thumbnail_mc._y+thumbnail_mc._height)) {
    if ((_root._xmouse>=(hit_right._x-40)) && (thumbnail_mc.hitTest(hit_right))) {
    thumbnail_mc._x -= scroll_speed;
    } else if ((_root._xmouse<=40) && (thumbnail_mc.hitTest(hit_left))) {
    thumbnail_mc._x += scroll_speed;
    } else {
    delete tscroller.onEnterFrame;
    function thumbnails_fn(k) {
    thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth());
    tlistener = new Object();
    tlistener.onLoadInit = function(target_mc) {
    target_mc._x = hit_left._x+(eval("thumbnail_mc.t"+k)._width+5)*k;
    target_mc.pictureValue = k;
    target_mc.onRelease = function() {
    p = this.pictureValue-1;
    nextImage();
    target_mc.onRollOver = function() {
    this._alpha = 50;
    thumbNailScroller();
    target_mc.onRollOut = function() {
    this._alpha = 100;
    image_mcl = new MovieClipLoader();
    image_mcl.addListener(tlistener);
    image_mcl.loadClip(image[k], "thumbnail_mc.t"+k);
    trace(videoList.getItemAt(0).image+ "k= "+k+" "+videos.length+" pv "+target_mc.pictureValue+" thumbnails");
    XML Example
    <?xml version="1.0" encoding="ISO-8859-1"?>
    <videos>
    <video url="vid1.flv" desc="Video 1" thumb="1.jpg"/>
    <video url="vid2.flv" desc="Video 2" thumb="2.jpg"/>
    </videos>

    I'm trying to load the thumbnails in with this code
    image_mcl.loadClip(image[k], "thumbnail_mc.t"+k);
    i tried
    videoList.getItemAt(k).image
    which works in the trace method but gives no response in the actual code it self
    So the line of code that should work is
    image_mcl.loadClip(videoList.getItemAt(k).image, "thumbnail_mc.t"+k);
    and not
    image_mcl.loadClip(image[k], "thumbnail_mc.t"+k);
    but I gets no response

  • Video gallery with playlist.

    i need a tutorial of video player which must be like  youtube video player. please help in this i would be very thankful. it  is important and urgent.
    preview of a site like this i want it to be.
    http://www.tbn.org/video_portal/?which=ptl

    http://active.tutsplus.com/tutorials/actionscript/build-a-dynamic-video-player-with-action script-3-part-1-of-3/
    http://www.jacobmake.com/2008/12/as3-video-player/
    http://www.darshanrane.com

  • Creating video stills with Lightroom 4. Suggestions for improvement.

    I have to create a lot of videos stills from videos. I am doing it with iMovie and SnapzProX right now. I would like to do it with Lightroom 4 but the work-flow has to be improved. Right now it is pretty unusable for my special purpose. I explain why.
    In iMovie I play a movie in full screen presentation mode. You can start and stop the movie with the space bar. You can navigate frame-by-frame with the arrow keys. Unfortunately you cannot jump by 10 frames if you press shift and arrow keys (like in other video apps). The video scrubbing area goes across the whole screen, so you have space enough to scrub and find the parts in the video that you like to grab. All in all this makes it pretty easy to find the exact still frames that you then can capture with SnapzProX. The down-side is that you have to organize the captured frames yourself by importing them into Lightroom.
    Now we have video import in Lightroom 4 and we can capture frames. But the handling is not really comfortable.
    You can start and stop the video with space but you cannot locate an exact frame with the arrow keys. You have to use the locator and scrub with the mouse. Since the scrubbing area is short it is pretty difficult to find the exact frame. To capture a frame you have to select the pop-up.
    Here is my suggestions to turn the video feature in Lightroom 4 into a dream for people who need to capture video stills.
    Make the video slider bigger. At least across the whole video.
    Go to next and previous frame via arrow keys
    Jump by +10 / -10 frames via shift + arrow keys
    Keeping arrow keys pressed should repeat the action
    Create a keyboard shortcut for capturing a frame
    Imagine how this would improve the work-flow.
    All videos stills would be automatically organized in Lightroom.
    You have the original video file linked and can add more stills later.
    You can color correct the stills.
    AND - you can color correct the video.
    I am just wondering how I would export the color corrected video to something like Apple Intermediate to process it further via Compressor for web delivery. I haven't tried this yet. Any ideas?
    I hope my suggestions make sense and find their way in the finished product.
    Andreas

    While in video, using captured frame – my picture is extracted at 19 20 x 10 80.
    Attempting to use this picture in the books module causes resolution problems yet the same picture when used in the print module and save to a picture file causes no resolution problems and becomes 255 0 x 3300 when using it in the book module.
    another improvement would be to set the resolution so it reacts like it does in the print module and adjust the book module similary

  • Creating a gallery with widgets

    I'm creating my portfolio website and I want to have an image that when clicked, a gallery will pop up and the viewer can look through multiple images. I've tried using composition widgets but from what I've seen, they all require having multiple trigger thumbnails. I only want one thumbnail to show until the gallery is opened. Is this possible?

    marissamartha You can place a slideshow within a composition widget. That way, you can have the single thumbnail that opens up to reveal multiple thumbnails or a single larger image that can be advanced using the before and after buttons.
    David

  • PREL 09 - Creating video's with long blank endings.

    Hi Guys,
    I'm both new to this forum and premier elements 9 but hope you can help.
    I've created a video with a length of 1min 17seconds but everytime I create the video its 1min 17sec of content followed by a further 3 mins of nothing.
    #Can anyone offer any advice on how I may rectify this?
    Thanks
    James

    Thanks for your help Steve, greatly appreciated.
    James

  • 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

  • Gallery with thumbnails

    Im making a simple portfolio site which has three different
    gallery links in the menu.
    Each gallery has a set of thumbnails across the right hand
    side of the screen, which when clicked make a larger version of the
    image appear in the left.
    Whats the easiest way to achieve this? Ive already used the
    template feature in dreamweaver to make the different gallery
    pages, but using the template feature to then make new pages where
    each one shows a different thumbnail enlarged seems needlessly time
    consuming. Is java script the way to go?
    thanks

    What about using the 'show/hide' layer behaviour.
    Have a layer set up on the left that will hold the larger
    image, so when you
    click or mouseover the thumbnail,the large image will show.
    or you could use something like Lightbox 2....examples:
    http://www.lokeshdhakar.com/projects/lightbox2/
    Nadia
    Adobe® Community Expert : Dreamweaver
    CSS Templates |Tutorials |SEO Articles
    http://www.DreamweaverResources.com
    ~ Customisation Service Available ~
    http://www.csstemplates.com.au
    Spry Widget Examples
    http://www.dreamweaverresources.com/spry-widgets/
    ~ Forum Posting Guidelines ~
    http://www.adobe.com/support/forums/guidelines.html
    CSS Tutorials for Dreamweaver:
    http://www.adobe.com/devnet/dreamweaver/css.html
    "jdldn" <[email protected]> wrote in message
    news:gbikvg$5re$[email protected]..
    > Im making a simple portfolio site which has three
    different gallery links
    > in
    > the menu.
    >
    > Each gallery has a set of thumbnails across the right
    hand side of the
    > screen,
    > which when clicked make a larger version of the image
    appear in the left.
    >
    > Whats the easiest way to achieve this? Ive already used
    the template
    > feature
    > in dreamweaver to make the different gallery pages, but
    using the template
    > feature to then make new pages where each one shows a
    different thumbnail
    > enlarged seems needlessly time consuming. Is java script
    the way to go?
    >
    > thanks
    >

Maybe you are looking for