I have a html text list of products that I want to popup a window showing an image when moused over or clicked. I’d originally thought of a text link to PDF but that opens a new tab in safari (the PDFs are physically large so only show a small portion in the window) and I’d rather have a floating window type of affair that shows the whole image. Is there an action that would give me this type of effect or alternative?
All the ‘images’ are currently PDFs of signs that are no smaller than 1m square, though I could convert them to raster format for the purposes of this exercise.
Ernie, I have about 200 PDFs that I want to be able to preview, but they are all physically large. Ideally I want a something like a 300 x 300px window to appear even if it means converting all the PDFs into a raster format.
For some reason I’m having a problem setting up the scripty lightbox. It might sound like a daft question but how do I link html text to a graphic (as indicated in the scripty instructions)?
The text is in a table (in different cells) and I’m applying the scripty action to each cell and trying to link the text to a graphic.
Are you able to apply the Action to a table cell? I’m not sure how that’s possible, but I do know it isn’t going to work. Try applying the Action to the outermost box of the table (this will only work if the table is itself a layer item). Click and drag your cursor around one corner of the table so the 8 handles light up on the edges and corners. When you have that selection, apply the Action to the table. (Remove it from any table cell you have managed to apply it to.) Then make a normal link in the cell to the image you want to have appear. If you’re using ScriptyLightbox (the original version, not ScriptyLightbox2) then you want to use the Link to File Action to create the link to your image, since that will do double-duty – upload the file to your server and write the link code. The SL Action will cause all of the links inside whatever element it is applied to to appear in the lightbox, rather than behaving as normal. This means that if you apply it to the table (which really ends up applying it to the DIV that positions the table on the screen) all of the links inside that table – in each cell – will be extended to have the lightbox behavior.
Walter
On Sep 11, 2012, at 5:06 AM, neil.west1 wrote:
For some reason I’m having a problem setting up the scripty lightbox. It might sound like a daft question but how do I link html text to a graphic (as indicated in the scripty instructions)?
The text is in a table (in different cells) and I’m applying the scripty action to each cell and trying to link the text to a graphic.
I’ve applied the action as instructed by I’m getting a javascript error. I’ve figured it’s down to the use of the ‘text link style’ action that I’m also using on the table. Removing this action enables scripty to work correctly but how do I colour my links (different from the page links) without the action?
Also, the page is set up using the box model, but with the table now being a layer item, how will the expanding table at the top of the page ‘push’ down the html content below it?
I think I mislead you earlier about applying the Action to an inline table. Just tested the following:
Create an empty HTML box. With a text cursor flashing inside it, choose Insert / Table from the main menu.
Double-click into one of the cells of the table and choose Insert / Action Item / Text Link to File. Configure your link to the file you want to have pop up.
Very carefully click on the outer edge of the inline table, so all of its corners light up with handles. Apply the ScriptyLightbox Action to the inline table. (Alternatively, you could also apply it to the outer HTML box that you created in step 1, no difference except one of scope – all links contained in the HTML box would gain the lightbox behavior.)
Configure the Action if needed (only set media size for links to Flash or QuickTime movies).
To style the links uniquely, click once on the parent element of the link and open the Links segment of the Style tab in the Inspector. If you don’t see that tab or segment, look further up the nesting hierarchy. Some parent element will allow this styling. If you need to style links in a single cell of a table, for example, you will want to apply the AddSelector Action to the cell, choose TD from the Tag picker, and either give it a page-unique ID or a Class name. Then you can use the Tag-Only Style technique to create a CSS rule that will only apply to links in that cell (ID) or cells (class).
Also, the page is set up using the box model, but with the table now being a layer item, how will the expanding table at the top of the page ‘push’ down the html content below it?