linked image WINDOWS

[ctfoto]

hi all... i've been away for a while. hope everyone's well.

so, i've been adding lots of images to my blog, with links to additional images in my accompanying text... here's my question: how do i make the linked image open in its own small (the size of the image) window, opposed to opening in a full-sized browser window, and also opposed to opening in place of the photoblog browser window (which then requires the viewer to use their 'back' link).

um, lemme knoww if that makes any sense there... and thanks for any help you can offer.
cheers,
ct
http://www.ctfoto.com/blog/

[Connie]

Hi and a good new year to you!

well, to have an image opening in a new window, you must place this window in a html-file... I do not know other ways

but I saw an interesting effect yesterday and was looking for a purpose for that, maybe it is useful for you`?

Check out Lightbox: http://www.huddletogether.com/projects/lightbox/

[Joe[y]]

if you look into javascipt popups that should do fine - like the script used for comment popups in pixelpost.

[ctfoto]

Connie: ooooh! that is snazzy! please let me know if you figure out how it was done.. or do you already know?(i'm a neophyte with the code, fyi...) and, thanks Connie.

Joe[y]: sorry to betray my naiveté again, but i don't know how to work with javascript... or what it entails really. especially in the context of html/css.

[ctfoto]

oh, and Connie?...

__well, to have an image opening in a new window, you must place this __window in a html-file... I do not know other ways

...i'm not sure how to do this either...:o

[Joe[y]]

Connie: ooooh! that is snazzy! please let me know if you figure out how it was done.. or do you already know?(i'm a neophyte with the code, fyi...) and, thanks Connie.

hte instuructions are all on the page that is linked. you can do it all in your html template files.

[ctfoto]

well, duh!.... sheesh.:o

thanks Joe[y]!

[Connie]

yes, I experimented with it today afternoon also
it is great and easy!

[Joe[y]]

hehe. any trouble get in touch with the script author - but if they're no use then i'm sure i could be of some help.

[se.nsuo.us]

I was tempted to use that script as well but I found that most of my full size images are too big to be accomodated in browser document area - I am searching for a script which really can make the fullsize appear in a full-screen chrome less window....

[Pulssart]

This script is amaZing!!!!!!!

[ctfoto]

ok, so... here's another amateur question: how do i access the html version of the text i enter into my PP Aministration pages?... can i use html AND Markdown to format (or reformat) those text fields?

...in other words, do i just paste the Lightbox code into the text edit on my PP admin?

thanks y'all... this will look SWEET when i figure it out.
cheers,
ct
http://www.ctfoto.com/blog/

[Connie]

nonono,

this code belongs into your image_template.html of your active template
you can edit that with a text-editor
it is nothing which you enter in PixelPost AdminSection

[raminia]

hehe... nice. I added this to my weblog:D

[ctfoto]

hey Connie,

ok, i added the code on my image_template.html, under scripts, but when i scroll down to add rel="lightbox" to my link tag, all i have to work with is <IMAGE_NOTES>.. (which i assume is a link to text i entered in Admin, and in which lie the links i'm trying to work with here)

what am i not understanding?

[Joe[y]]

you add rel="lightbox" to any image you include. so if you were to add an image in your notes it would be like <img src="img.jpg" rel="lightbox" />

[ctfoto]

hmmm... maybe i'm doing things in a way that won't allow this to work:

the text i enter in Admin to describe my images includes bold words that i link to other images (like this: <b>[Preben](http://ctfoto.com/blog/images/N.Lagoon.019_CLR_WEB.jpg)</b>)...

the images i link to are just sitting in my Images folder... where in this situation would i insert rel="lightbox"?

[Connie]

ah, I see, you want to add this feature to the thumbnails...
the thumbnail-code is generated by the script
I thought you want to include it into the image-template to use it with the main picture

if that should be used with thumbnails, I would suggest an Addon which adds a new thumbnail-Tag

if you really want to hack the script, which I do not suggest because at the next update you must run the hack again, try this:
$image_thumbnail = "<a href='$showprefix$image_id'><img src='thumbnails/thumb_$image_name' alt='$image_title' title='$image_title' width='$local_width' height='$local_height' /></a>";
// thumnail no link
$image_thumbnail_no_link = "<img src='thumbnails/thumb_$image_name' alt='$image_title' title='$image_title' width='$local_width' height='$local_height' />";

and change to this:

$image_thumbnail = "<a href='$showprefix$image_id'><img src='thumbnails/thumb_$image_name' alt='$image_title' title='$image_title' width='$local_width' height='$local_height' rel='lightbox' /></a>";
// thumnail no link
$image_thumbnail_no_link = "<img src='thumbnails/thumb_$image_name' alt='$image_title' title='$image_title' width='$local_width' height='$local_height' rel='lightbox' />";

I did not test it, do a backup of index.php and then edit index.php!

[ctfoto]

it's actually not the thumbnails i'm talking about...

here, check out this link: http://ctfoto.com/blog/index.php?showimage=62

...and in the caption below the big image, click on a bold word/phrase, "untangling the fish", for instance... the image that opens from that link is the one i'd like to use the Lightbox effect for.

[raminia]

I like to see this in action with Auto Resize addon. main PP photos with medium sized image and full-size image opens by clicking on the main photo.
:)

[se.nsuo.us]

I like to see this in action with Auto Resize addon. main PP photos with medium sized image and full-size image opens by clicking on the main photo.
:)
Very easily done - but like I said most people would miss out on seeing the full size image if your images are more than 800x600 - This I say because the most common resolution for vistors on my site is 1024x768 that makes it that your fullsize image if shown in the same window will have scroll bars....

Ideally this should be a complimentary addon to the very useful Auto Resize Addon

Besides it is now fairly well accepted that clicking on the picture in PP will take you to the previous picture....

[ctfoto]

aagghh! i can't figure out WHERE i need to place the code: rel="lightbox"

...Joe[y] says to add it to any image i include... add it where? the text in which i place the link (on my admin page) isn't explicitly represented on my image_template.html... i use the Markdown Language to enter that text, as recommended on the New Image page of my Admin, and i don't know where to find the html version of that text; or frankly, if that's even what i need to be looking for.

does my problem make sense? i feel like i'm not explaining myself very well.. or maybe i'm just not understanding the solution..

[baking.stoned]

i'm having a similar problem, and appear to have made a similar thread in the wrong location.
i want to apply lightbox to my thumbnail images, but can't figure out where to enter the lightbox attribute rel='lightbox'.
all i have to work with is the <THUMBNAILS> tag.
:confused:

[Dkozikowski]

ctfoto:

I dont think you can use the markdown language to use the light box script. Instead, use basic html.

In markdown, you use <http://example.com/> to make a link.

In html you use <a href="http://example.com/">example.com</a>

now, to make light box work, you must add rel="lightbox"

to do this, you need to add it to the link code like so:

<a href="http://example.com/" rel="lightbox">example.com</a>

Do you understand what I'm talking about?

[Dkozikowski]

i'm having a similar problem, and appear to have made a similar thread in the wrong location.
i want to apply lightbox to my thumbnail images, but can't figure out where to enter the lightbox attribute rel='lightbox'.
all i have to work with is the <THUMBNAILS> tag.
:confused:

For lightbox to work with the <THUMBNAILS> tag, you would need to "hack" the code found in index.php in various places to add the rel="lightbox" attribute.