Nesting a lightbox in a slideshow

Can I nest a fullscreen image (or lightbox) to be triggered by the individual images in a permanently visible composition widget slideshow?
I've tried, and Adobe documentation infers that its possible, but I've had no luck with this so far.
cheers, Nick

There is a couple ways but if I understand the way you want to do it the best option is to use the light box composistion (not the slideshow). Put what ever you want in the thumbnail and add your slideshow to the lightbox.
Using the tooltip Widget is another option.

Similar Messages

Lightbox inside standard slideshow

I would like to ask you for help. Is it possible in Muse to have standard slideshow (without thumbnails - automatic rotation) and when user click on one image, the lightbox with larger image will appear.
Is it possible inside Muse? Thank you for any advice.

I tried to create one using widgets, you may find this screen cast video helpful : http://take.ms/YwXj6 .

Clearbox Lightbox - Turn of Slideshow?

Hi, I've used clearbox with some modifications to style a gallery - however the client wants to turn the slideshow function off and just have the images enlarge on click.
I thought I had got round this by simple making the slideshow button transparent so the user cannot cick on it and turning off the previous and next function - however I've just discovered that if I move the scroll wheel on my mouse the images start scrolling from one to the next - and the client specifically does not want this.
You can see what I mean here
http://www.creativeclout.co.uk/our_work.html
Can anyone help?
Thanks
Connie

Image maps, yuck!
Try this: I'll let you figure out the math. This is just a rough layout.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5, with Fancybox2</title>


<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<link href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.css" rel="stylesheet" media="screen">
<script src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.pack.js"></script>
<style>
     margin:0;
     padding:0;
     -moz-box-sizing:border-box;
     -webkit-box-sizing:border-box;
     box-sizing:border-box;
section {
     width:894px; /**adjust as needed**/
     margin:0 auto;
     display:table;
/**this styles image container**/
#thumbs p {
     display:table-cell;
     width: auto;
     height: auto;
     vertical-align:middle;
     border:1px solid red;
     text-align:center;
     opacity:0.7;
#thumbs p:hover {opacity:1.0}
</style>
</head>
<body>
<div id="thumbs">
<h1><a href="http://fancyapps.com/fancybox/">Fancybox2</a> Viewer with images</h1>

<section>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/320x400.jpg" title="optional captions"><img src="http://placehold.it/179x225.jpg" alt="" /></a>
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/320x400.jpg" title="optional captions"><img src="http://placehold.it/179x225.jpg" alt="" /></a>
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/320x400.jpg" title="optional captions"><img src="http://placehold.it/179x225.jpg" alt="" /></a>
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/322x200.jpg" alt="" /></a>
</p>
</section>
<section>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/320x400.jpg" title="optional captions"><img src="http://placehold.it/268x200.jpg" alt="" /></a>
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/320x400.jpg" title="optional captions"><img src="http://placehold.it/268x200" alt="" /></a>
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/179x225" alt="Thumbnail 6" /></a>
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/179x225" alt="Thumbnail 6" /></a>
</p>
</section>
<section>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/320x400.jpg" title="optional captions"><img src="http://placehold.it/268x200.jpg" alt="" /></a>
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/320x400.jpg" title="optional captions"><img src="http://placehold.it/268x200" alt="" /></a>
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/179x225" alt="Thumbnail 6" /></a>
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/179x225" alt="Thumbnail 6" /></a>
</p>
</section>

</div>

<script>
$(document).ready(function() {
    $('.fancybox').fancybox();
</script>
</body>
</html>
Nancy O.

Lightbox nested in Accordion panel is not working.

I am attempting to nest a lightbox slideshow in an accordion panel with less than desired results. I can get the Lightbox to nest and I can arrange the buttons just fine .However, when I preview it my forward and back buttons appear in the upper left corner and they are all messed up. This is absolutly useless as it destroys the aesthetics. Any insights as to how to fix this (not work around, I can do that...) would be appreciated.
Here are some screens:
1) layout is fine. Note the advance arrows on left and right of layout.
2) Layout seems to be fine in the preview. Thumbnails look good...
3) The advance arrows are not where I placed them in the layout. They are overlapping in the upper left corner.

Well, it's not recreating what I did becauseI don't see any images in your example. Did you populate the gallery?
Anyhow:
I created an accordion panel.
The first top panel contains a price list with text only.
Using the "+" I made a second panel and placed a "slideshow lightbox" widget
I populated the widget with roughly 100 jpegs compressed to 50% and edited my arrow keys placing them on the left and right which
gave the results in the image above.
This is repeatable on my end.

Launch lightbox slideshow by clicking on pic or text?

Hi guys,
Last question for tonight, it's the big one: how can I configure something so that upon click, it'll launch a lightbox image or slideshow?
For example:
- If I have a pic in a text box that is essentially acting as a thumbnail, and I have in text, "Click below to embigify!" so clicking on the pic launches a larger version in a lightbox. Possibly not a larger version of the thumbnail, as on the lightbox verison I may have it cropped differently, etc. So, I want to be able to configure them both independently, one will launch the other.
- Same goes for if clicking on a pic would lauch a lightbox slideshow. ("Click pic to launch slideshow!") Maybe the pic they're clicking is just a graphic icon or something, and not actually something that'll appear in the slideshow. Click the icon to launch.
- Same goes for some selected text, clicking would launch lightbox pic or slideshow.
Really hope this is a achievable in Muse. Thanks yet again!
D

Abhishek, I have done this very thing, but my lightbox slideshows don't start on image 1. They start on random images each time they are opened. Here is the thread (I show the settings of the composition and the slideshow itself): How do I get a lightbox slideshow to start on the first image in Muse?
and here is my test site: Portfolio
Is this a bug, or pray tell, do you have a solution?
Also, this configuration is not working on the bottom row of trigger squares on the iPad. When you touch a box, you should see the words on the square (the rollver state of the trigger) . It quickly shows, then disappears and then the square of words in the row above highlights instead. And there is no way to open the bottom row of slideshows. It works fine on the desktop. I was trying to avoid creating a separate tablet configuration, but I don't even know what I would do differently.
But any help with the FIRST problem would be appreciated. Thanks.

Problem about lightbox with tooltips

I create a slideshow. There is lightbox on a slideshow. I want to create 6 tooltips in the lightbox but other slideshow will show tooltips after I drag tooltips on the lightbox. I want to show 6 tooltips which are only in one slideshow. How to do it? Thank You very much!!!!!

I create a slideshow. There is lightbox on a slideshow. I want to create 6 tooltips in the lightbox but other slideshow will show tooltips after I drag tooltips on the lightbox. I want to show 6 tooltips which are only in one slideshow. How to do it? Thank You very much!!!!!

I need a slideshow to display my comic pages. I tried the one that comes with muse, but what if the user wants to make the comic page bigger? How could that be done please?

also I like the look of the lightbox but don't want the thumbnails. why, in this mode, is the thumbnail box uncheckable to make it go off?

1. Use menu "File/AddFiles for Upload" to upload an image of whatever size.
2. Place a smaller version of this Image or an icon of your choice on your page.
3. Use the hyperlink command in the upper command strip to link the small image to the uploaded file ("Link to file …")
4. If someone clicks onto the places image, the big version is loaded into an extra browser window and allows scaling..
Your second question: How should one trigger a lightbox, it there is no thumbnail to do it?
Alternative: Use the lightbox display composition and delete all triggers but one. Place into the lightbox a basic slideshow without any thumbnail. This way you have one trigger to start a slideshow within a lightbox

How to pause Flash MX Pro slideshow

I've created a slideshow in MX Pro with buttons to scroll
forwards & backwards through the slides.
The client now wants the slideshow to play automatically.
OK, I've done that, and have also kept the buttons so users
can rewind or fast-forward if they choose.
However...
I can't figure out how to pause the
automatic slideshow (using a button) ?
Also, how do you increase the default
time between slides?
I've used transitions between slides, but it would be nice to
allow each slide to be visible for longer.
Any help much appreciated...

Thanks Mark. I'm afraid your suggerstions don't work.
quote:
a slide show by default waits for a user to press the left or
right arrow buttons, unless you just created a slideshow on the
timeline and did not use the Flash Slideshow File.
I created a slideshow (for use as an animated banner for a
website) using a slide presentation template, with 3 screens:
Screen 1 - background images, website navigation buttons,
slideshow forward/backward buttons.
Screen 2 - animated text.
Screen 3 - contains 8 nested screens which form the
slideshow.
Final frame of screen 2 (once text animation has completed)
has "go to next screen" behaviour that allows slideshow to play
automatically. I can also use the buttons to move forward/backward.
quote:
If you want to add more time or increase the duration in
which the content stays on the stage, then just add frames.
I added an extra 5 seconds worth of frames to the timeline
for the 1st nested screen... slideshow playback is NOT delayed at
all.
quote:
stop the timeline with a button.
I added a STOP button with appropriate Action Script. It does
NOT stop the slideshow.
Any more ideas?

Muse COMPOSITION Light Box Display Widget and other Widgets

How is one supposed to import images into the COMPOSITION Lightbox Display Widget. I followed an Adobe tutorial that said, "place an image to the page, then cut the image so it's on the clipboard, then paste it to the thumbnail".
This seems ridiculously tedious and time consuming.
Why is there no right click menu on the thumbnail itself for placing images?
After following these instructions I was confronted with the fact that the image did not resize automatically to fit the thumbail. To get the "Trigger", "Image Frame" and "Image" to be equal in size using the arrow tool is no quick task. (Muse badly needs "fit frame to content" buttons.)
I managed to link several images to several "Triggers" but can't figure out how to link more than one image to the "Target" div.
The "Target" Image frames are stacked one on top of the other so once I linked an image to one of the large target hero slides in the gallery it was impossible to link any other images. It is possible to drag out the "Target" frames so that they are visible so long as the gallery doesn't exceed five images and one has the available screen space. But this brings me to my next issue with Muse.
Why don't the alignment tools work in any of the widgets? It's so extreemly time consuming and tedious to have to size and center all images by hand. What makes it more tedious is that there doesn't seem to be an isolation mode where one can just work with the image portion of a gallery widget without accidently selecting other parts of the widget instead.
Why doesn't "group" functionality work inside the Muse widgets? The ability to group objects would make scaling and resizing tolerable.
In addition to trying to use the COMPOSITION Lightbox Display Widget I also tried the SLIDESHOW Lightbox Widget and had many of the same issues as described above, save importing images. What is the intended distinction between the Composition Lightbox and the Slideshow Lightbox?
I wanted to build a website in Muse because I thought it would be quick and easy without the tediousness of hand coding. However I'm finding it's taking longer to do things in Muse since the widgets have such limited functionallity and the customization tools are so clunky.
What workflows did the Muse team have in mind for customizing image galleries, specifically with regards to linking images for thumbnails and large slides; scaling lagre slide images for uniformity of size and centering slide images? Or is Muse just a victim of it's own simplicity?
I would love to know that there are indeed workflows for these issues otherwise I see more disadvantages than advantages in using Muse over other tools.

I would also like to know this. I am having trouble editing a composition gallery from a purchased template. I basically want a lightbox gallery with triggers on top for different categories. :/

Thumbnail Lightbox slideshow in Accordian starts with first image, regadless of trigger

I created my lightbox on a separate page and it works just fine. I placed that same lightbox inside an accordion panel. Now (only on the first click) it doesn't matter which thumbnail I click on, the first image comes up. If I close that image and click on another thumbnail, the right image comes up. I need to get rid of that glitch. Any suggestions?

Islandpixie,
Thanks for posting this. I've discussed this issue with our engineering team and we are able to recreate the problem you're experiencing. The problem is related to the state of the Accordian panel that holds the Thumbnail slideshow. If the slideshow/lightbox triggers are in a panel that is open on initial view, the large images (the "heroes") will display in the right order. If the slideshow is nested in an Accordian panel that is initially closed, the first image in the slideshow will appear first regardless of which trigger thumbnail is clicked.
The only workaround we have at this time would be to use the Lightbox Composition widget instead of the Slideshow widget. This widget does not cause the same issue with hero order, however it will be more work to setup your slideshow. It will require you to create your own thumbnails for your triggers, then associate your hero image with the trigger (whereas the Thumbnail slideshow does this automatically). Here's a brief video on working with the Lightbox composition widget: http://muse.adobe.com/video-create-a-lightbox.html
Thanks for your patience.
Best regards
Corey

Super Widgets: placing lightbox display inside a basic slideshow?

Is it possible to place a lightbox display inside of a basic slideshow?
I have a rotating group of nine images and text inside of a basic slideshow, these images are thumbnails of motion graphic videos I have uploaded to youtube. I would like to be able to hotspot either the text, thumbnail or box, to open the corresponding video in a lightbox; but I can't seem to insert the lightbox into the basic slider.
Is there another way around this? Am I using the wrong widgets? I've tried to use the lightbox alone, but I was not able to upload a thumbnail and video at the same time.
Any insight would be greatly appreciated, thanks!

Hi there.
It is not possible to place a Lighbox widget in a Slideshow widget, but you could achieve the same effect by placing a Lightbox widget in a Composition Slideshow widget (look in the Compositions folder). Many of the same slideshow effects can be achieved, yet it allows widget nesting.
Let me know how that goes.

Nested MSO, slideshow inside MSO triggered by button, invisible on start, able to open/close

Consider the following scenario:
(albeit, this may not even be the right way to do this, or perhaps such functionality is not possible based on existing tools at this time, however, I thought I would post and see if anyone has a trick to share...)
I have a slideshow on the page, it is set to auto play.
I would like to hide it initially, and have it trigger with a button... and then let the user close it. Much like the "light box" effects we have all come to know from the web.
Seems easy enough.
However, in my first attempt to do this I did the following:
1- create an OPEN button (F1)
2- create a container box and a CLOSE button, grpup them (F2)
3- turn them both into an MSO (M1)
4- set the button in F1 to trigger F2 (open state)
5- set the button in F2 to trigger F1 (close state)
-> test, works.
next step, slideshow!
I grab 5 images, create a new MSO (M2).
Turn it into a slideshow Folio Overlay...
-> test, works.
Now this is where it gets funky...
MY FAIL 1- If I try to take M2 and then right click M1, there is NO paste into option.
MY FAIL 2- If I click on the Object States Panel, and then Right click State 2 for M1, there is no "past into option"
MY FAIL 3- If I try to "Alt+Ctrl+V" with M2 into State 2 for M1 it does not work.
--> nor does any other scenario where I attempt to paste any MSO into another MSO
I have even tried
x- grouping the MSO slideshow with a non MSO element such as a frame, text boxt, image, ect..
x- taking the 5 images and pasting them into the MSO seperate, and then trying to turn them into a new MSO inside State 2, which the new MSO button is greyed out and will not let me apply it.
Possible solution I have come up with after looking over alot of Bob's stuff in the tutorials area
(PS his videos and tut's realy help, its a differant kind of thinking going on here with DPS, I imagine it relates to how the C in the binary works and is translated by the InDesign GUI into app code... would be nice to just type in "function on_tap(){open_slideshow(vars);}" lol silly programmer, this is primarily a tool for designers ... but I do think its awesomeness, as a programmer, I dont even want to write code anymore after using DPS and Phone Gap...),
so... here it is, not necessarily the most attractive...
1- Make the slide show MSO, push to BACK, set to auto play and swipe allowed...
2- place a large opaque box on top of the slideshow, group it with the OPEN button
3- create a close button
4- turn them into an MSO, now there is an 'open' button in state 1 on top of an opaque box that sends to state 2, and a 'close' button in state 2 that sends to state 1
This seems to work, I have not tested it on all devices, the iPad will kind of do this wierd glitchy thing, as if it "knows" there is something moving underneath the opaque box. Depending on how I have positioned scrollable frames on top of these elements from a stacking perspective there can be some unexpected behavior. The best results I have had from more complex layouts is to get creative with positioning...
any other suggestions, tips, tricks, would be appreciated
ON a site note:
POSSIBLE BUG:
ANYTIME I try to take ANYTHING that is already using the FOLIO OVERLAY and right click the STATE in the STATES PANEL
In Design total crash!!! The only time I can take a FOLIO OVERLAY (FO) and "right click paste into" an MSO state is by clicking on the state on the stage, it can not be done from the panel, the panel only works with non "FO" items... Even though the state in the panel shows the "past into" option, if I do, *poof* instant app crash... FYI for anyone toying with this. Kudo's to Adobe for the outstanding "auto save" feature. It has saved me time, and there for in some strange way, has also saved some of my life.
Here is what InDesign poops out when a "Folio object" is attempted to be "pasted into" an MSO via the MSO panel.
Problem signature:
Problem Event Name:          BEX
Application Name:          InDesign.exe
Application Version:          8.0.0.370
Application Timestamp:          4f72c3ee
Fault Module Name:          StackHash_0a9e
Fault Module Version:          0.0.0.0
Fault Module Timestamp:          00000000
Exception Offset:          00000023
Exception Code:          c0000005
Exception Data:          00000008
OS Version:          6.1.7601.2.1.0.768.3
Locale ID:          1033
Additional Information 1:          0a9e
Additional Information 2:          0a9e372d3b4ad19135b953a78882e789
Additional Information 3:          0a9e
Additional Information 4:          0a9e372d3b4ad19135b953a78882e789

@zagarskas – nested MSOs are currently NOT supported by Adobe.
However we could build such a construct by using ExtendScript (Adobe's flavor of JavaScript).
The problem with that is, that Buttons inside a nested MSO will not work as expected. At least my testing is showing that.
If you want nested MSOs without Buttons (inside the nested one) or if you like to experiment, see the following thread:
http://forums.adobe.com/message/4573924#4573924
But please, read the whole thread from a to z ;-)
Uwe

Lightbox Slideshows in Muse-.

Hello People,
I am trying to create the 'work' section of my website in Muse. (which up until this point has been great!)
I have created a range of rollover images for the different projects starting out black & white and turning colour on rollover.
What i then want to happen is once you have clicked on a project a lightbox slideshow showing all the work for that project will appear. When the user is done they click off the slideshow, click on the next project and its own lightbox slideshow for that project appears….
Basically, I guess my question is: Can a rollover image hide/activate a lightbox slideshow and if it can HOW!? I've been unsuccessful in my search so far so any help will be awesome. Whether it is through the widgets or i need some kind of javascript code to embed - any help will do at this point!
Thanks!!

Hi
Lightbox composition would require mouse click action for hide/activate , we cannot setup rollover mouse action for activating lightbox slideshow.
You may try to customize , I will keep this open for others who might help with customization.
Thanks,
Sanjit

Lightbox Slideshow adjust spacing between thumbnails

Hi
This is actually a two part question -
1. I want to give a collage look to my slideshow, without any spacing between thumbnails. How can I remove all the space between thumbnails.
2. For all the thumbnails I want -"Fit the frame proportionally" and for all the big lightbox images I want "Fit Content proportionally" so that vertical and horizontal images are not cropped in the Lightbox view. How can I do that for all the images together rather than going one by one.
Thanks in advance.
-MP

Hi MP,
For your 1st request, the Thumbnails (containers that hold the thumb images) cannot be resized individually and maintain same dimensions for all the thumbnails. For this reason, even though you can remove all spacing between Thumbnails by selecting the Thumbnail Container and specifying H and V Gutter in the Spacing Panel to 0 -- if your slideshow images are of mismatched dimensions and proportions and you have Fit Content Proportionally selected as the Fitting option, then there will be an inevitable space around the thumb images either vertically or horizontally. You can work around that by using the Fill Frame Proportionally option.
For your 2nd request. you can choose the appropriate option in the Flyout menu for "New Hero" and "New Thumbnail" options BEFORE adding the new images to the slideshow. The selection you make here will be applicable for images that you add after setting this option. So the appropriate workflow would be to setup your slideshow the way you want, then choose the appropriate option for New Hero and New Thumbnail and then add all your images to the slideshow.
If you want fine grained control over thumbnail and images, you may look at Composition Widgets which allow you to manually place and size all content individually and still allow you to use the composition as a slideshow upon publishing.
Thanks,
Vikas

How can I easily create a lightbox from a thumbnail slideshow widget?

I have already created a slideshow using the slideshow widget with thumbnails. I have 9 images loaded into it with the thumbnails remaining next to them when the thumbnail is clicked so that I can click any thumbnail OR click through them with an arrow. BUT, I would also like to be able to click the 'image' (the hero?) and have a lightbox pop up with the image alone and arrows to click through this way as well. How on earth can I do this without having to re-do my current design? I cannot figure it out.
Thanks for any help!

Hi
You can surely achieve this using any composition , for example insert a composition and then insert another widget in that.
This way the image on click would show another widget with images or information.
Sorry but currently as you have mentioned , you are using Slideshow and we cannot insert other object in slideshow.
Thanks,
Sanjit

Nesting a lightbox in a slideshow

Similar Messages

Maybe you are looking for