ScriptyLightbox

ScriptyLightbox - This is working fine. But is there a way to add a link to the picture once its opened up in the browser?Basically I’d like a large pic of an object to open up then if the user chooses can click that large image so links off to the site that is about the object…


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Not without some serious extra effort, no. If you make a page for each of the large pictures, add the link to the large picture, add the PHP Make Insert Page action to each page, and then create a normal link to this page instead of using the Graphic Link To File Action, then that should work. Like I said, a lot of work.

Walter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

thanks - will be time to mover over to Dreamweaver soon me thinks - i keep hitting these limitations with Freeway as much as I love it


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

This is not a Freeway problem. You’re going to have to go through the
same steps in DW or any other environment.

The issue is that a lightbox (by which I mean any lightbox, not just
this one) modifies a link to a particular URL so that it displays in
an overlay DIV, and animates the transition to that display mode.
That’s all it does. I don’t know of any lightbox implementation that
can automatically assign a link to the overlay image from the
thumbnail side of things.

Your link to your image file carries only the URL of that file – the
large image – and nothing more. In order to have a click on that
large image do anything at all, you have to encode your intent
somewhere else, which is why you have to create a “fragment” HTML page
using the steps I outlined. If you follow those steps, then instead of
linking your thumbnail to:

<a href="Resources/myLargeImage.jpg" class="lightwindow"> (thumbnail  
here) </a>

you will be linking to:

<a href="myLargeImage.html" class="lightwindow"> (thumbnail here) </a>

and that cut-down page fragment will be something like this:

<div>
<a href="http://someOtherSite.com">
<img src="Resource/myLargeImage.jpg" width="800" height="600"  
alt="myLargeImage" />
</a>
</div>

If you know of another lightbox script which can assign a click URL to
the large image, please do let me know what that is – I’m always on
the lookout for new tech. But as far as I know, this is what you would
need to do to get the information into the layout that is needed for
this click to do anything at all besides the default – to hide the
large image again.

Walter

On Dec 13, 2009, at 12:01 PM, Justin Easthall wrote:

thanks - will be time to mover over to Dreamweaver soon me thinks -
i keep hitting these limitations with Freeway as much as I love it


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Walter

Some time ago I found this version of a lightbox. There seems to be HTML content in a box (look for the link to Inline HTML down below) with a clickable link too. Colorbox - a jQuery lightbox


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The ScriptyLightbox is based on Lightwindow.js 2.0, which does allow
HTML content along with regular photos. That’s not at issue here, you
just have to come up with the content first before the lightbox
(little L, any lightbox) can show it.

Not all lightbox implementations can show HTML, most are specialized
to only show still images, some permit plug-in content etc.
Lightwindow was the widest-ranging version I could find for free. It’s
been abandoned by its creator as best I can tell, but it still seems
to work pretty well, even as the support libraries evolve beneath it.

Walter

On Dec 14, 2009, at 12:19 PM, atelier wrote:

Hi Walter

Some time ago I found this version of a lightbox. There seems to be
HTML content in a box (look for the link to Inline HTML down below)
with a clickable link too. Colorbox - a jQuery lightbox


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ah. I do not completely understand what you say, but that’s me.
I just reacted because I read (on that page) this: “This content comes from a hidden element on this page.” So I thought that would be someting like to make the visibility of that DIV on-and-offable. In combination with the lightbox effect of course. Which could solve the problem of the original poster if one had images with a link in that HTML box. But I guess I’m completely wrong. Sorry.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I was wondering whether someone might be able to explain how I might use inline content from another page on my website in a scriptylightbox on a different page in the same website. Is this possible? I don’t want to use the entire page, since this has the lightwindow expand to the entire width of the browser window. I want to use only specific content so that I can control the width of the lightwindow box, yet still use html.
Any help much appreciated.
Thanks,
Brett


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi

I just did a test, it worked for me, following the instructions of Walter.

  1. Make a page (you might call it target.html) with the content you want, attach the PHP Make Insert Page action to that page, deselect preserve head
  2. Create another page (content.html) draw a graphic element of the desired size. Link that element to the page.
  3. There is no step 3, you’re done. Call content.html in your browser, it should work.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sorry, forgot something…;-(

  1. Create another page (content.html) draw a graphic element of the desired size. Link that element to the page.
    Attach Scripty Lightbox to that element

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I wasn’t able to get the html content to show up correctly in the resulting lightwindow, though everything else in your instructions worked out perfectly. The html content was cramped together in the resulting lightwindow, with the texts appearing smashed together. Any suggestions?
Thanks for any and all help.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Try to adjust the graphic box, like somewhat bigger. I noticed also that the position of the HTML box on the page (target.html) matters.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

This is still not working for me. The html content is cramped into the lightwindow, with lines of text appearing one atop the other. I might just have to resign myself to the fact that I won’t be able to use html text content, and just use graphic text.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Try drawing an HTML box around everything, then use the Page view of
the Site pane (click on the header above the pane to toggle back and
forth) to view all the elements on your page. Select everything except
the box you drew in that list, and drag all of the elements down and
to the right until the new box is highlighted. You are aiming for a
Page Elements list that looks like this:

item8
	item1
	item2
	item3
	item4

so that the outer box is the parent of all of the other elements on
the page. If you do this, the layout will be preserved.

Walter

On Jan 12, 2010, at 12:18 PM, Brett wrote:

This is still not working for me. The html content is cramped into
the lightwindow, with lines of text appearing one atop the other. I
might just have to resign myself to the fact that I won’t be able to
use html text content, and just use graphic text.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks for all the help everyone. Unfortunately, I am still not able to get html text content to appear correctly in the lightwindow. I tried using Walter’s suggestions - making the outer html box a parent of the inner content - but I am still having the text overlap.
I’ve tried changing from css layout but I am still not able to get it working.
Is there anything else I might be able to try?
-Brett


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Is there anything else I might be able to try?

Perhaps showing us a link to the problem page?

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I only can add this, in my example I had only one HTML item on my target.html (about 800 px wide, height greyed out to grow, but appr 450 px) and that appeared perfectly in my Lightbox window. No cropping of text whatsoever. The content.html was wide enough (900px) to show the full lightbox. But when I made that page in the browser smaller, the lightbox script had some difficulty, I got scrollbars. Maybe it’s about that? Just guessing, sorry I am not of more help.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I uploaded a sample page for my problem: http://annasrye.com/testrecipe.html

The “test” link on this page opens a lightwindow from this page: http://annasrye.com/testtarget.html

Hope this helps.

Thanks again everyone.
Brett


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi

For what I see, you’ve made in the testtarget.html two nested DIV’s. I really do not know if that matters, but why not try this with only one first? To my opinion there is some issue with overflow.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 16 Jan 2010, 7:59 pm, atelier wrote:

Hi

For what I see, you’ve made in the testtarget.html two nested DIV’s. I really do not know if that matters, but why not try this with only one first? To my opinion there is some issue with overflow.

I tried it without the nested DIV, but got the same result, so I took Walter’s advise and did a nested DIV. Unfortunately, that hasn’t worked either.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options