Image popup

Jan 10, 2009 at 5:10 PM
Hello,

It's possible to add an image via the upload, resize it in the post editor. But is there a way to display this picture in a pop up in full size ?

Thanks,
Coordinator
Jan 10, 2009 at 6:06 PM
If the full size version of the image is on your website, you could just wrap the image (in your post) in a hyperlink that points to the full size version of the image.

Alternatively, you could use Windows Live Writer (WLW) instead of the Add Entry page as WLW has the capability built-in to size down an image and then make the image clickable so it brings up the full size image.
Coordinator
Jan 10, 2009 at 6:43 PM
I also noticed in the latest version of BE (version 1.4.5.13) which is using the new version of tinyMce, in this new version of tinyMce, when you right-click on an image in the editor and select "Insert/edit link", there's a Popup tab where you can put in the Url to the full size image.  You can also set the 'size' to the width and height of the full sized image.  I tested this and it works well.

Even with the old version of tinyMce, you can right-click on the image, select "Insert/edit link" and put a link to the full size image, then set the Target to 'Open link in a new window'.
Jan 10, 2009 at 6:51 PM
Edited Jan 10, 2009 at 6:55 PM
Thanks a lot.

This version 1.4.5.13 is available form a long time ? (web and code)

Because, I created a new theme, and I downloaded it's was 2 weeks ago and I still have the "old" tinyMce". Is it possible to upgrade update tinyMce ?

Thanks,
Coordinator
Jan 10, 2009 at 7:10 PM
The easiest way to get the latest version of tinyMce is to upgrade your version of BE to the latest version -- which can be downloaded on the Source Code tab above.  You do have to compile it yourself, however.  Also, this latest version (changeset 23996) is stable, but there actually is a problem where when you add an image, the image doesn't show up when viewing the post on your blog.  This is small (but important) problem, with a fix here.  So you might want to avoid this latest version for now.

If you don't mind editing the HTML yourself, you can pretty easily add the JavaScript popup window functionality.  The new version of tinyMce just adds an "onclick" handler to the hyperlink tag.  You could manually edit the HTML, wrapping the <img> tag with a <a> hyperlink tag.  The new version of tinyMce created the HTML below.  It's not too bad.  The Url to the image appears 3 times and the 'width' and 'height' would be the width and height of your full sized image.

<a onclick="window.open('/image.axd?picture=2009%2f1%2fimage.jpg','','width=400,height=400');return false;" href="/image.axd?picture=2009%2f1%2fimage.jpg"><img src="/image.axd?picture=2009%2f1%2fimage.jpg" alt="" /></a>
Jan 10, 2009 at 7:29 PM
I downloaded the latest version, when I compile I still have the old TinyMCE and not this :
http://tinymce.moxiecode.com/examples/full.php

may be some features are disabled ? But I don't see the popup check box


Coordinator
Jan 10, 2009 at 7:46 PM
Edited Jan 10, 2009 at 7:47 PM
The latest version of BE uses the new version of tinyMce, but the latest version of BE isn't configured to show all those toolbars that you see in that example link you posted.  In fact, the tinyMce toolbars in the latest version of BE look almost identical to the tinyMce toolbars in the older version of BE.  However, with the latest version of BE, when you right-click on an image in the editor and select 'Insert/edit link', you should still see 4 tabs on the 'Insert/edit link' window -- "General", "Popup", "Events" and "Advanced".  It is on the "Popup" tab where you can configure a popup window when someone clicks on your image.