Easily add images

[Anonymous]

For an actual project i need the possibility to add images outside of the visual editor (the visual Editor is too complicated). Is there a chance that you implement an extra field to add images from the media librarys?

Thank you for your work.

[Franky]

With the html editor, you have a button to add images … so I’m not going to add an extra field doing exactly the same.

[Anonymous]

I with fishmi on this one. It would be nice to be able to add an image similar to WP3’s Featured Image/post thumbnail. With a corresponding formatting placeholder, we could place the image anywhere in our listing without relying on the #_NOTES placeholder.

[Franky]

ok, ok, I’ll add this to the feature request list again 🙂

[Franky]

Btw, did you read http://www.e-dynamics.be/bbpress/topic.php?id=187#post-890 ?

It’s not exactly what you want, but using attributes you can achieve this just fine.

[Anonymous]

That’s a good work-around, and it’ll certainly do the trick but it would be great to have the media library at our disposal, especially for THOSE clients. You know the type… 🙂

BTW, there’s a plugin called Image Widget that taps into the media library and allows uploads. It might be a good place to start.

http://wordpress.org/extend/plugins/image-widget/

[Franky]

The problem is more that we have the rich editor on the same page: the thickbox thingie (from the media gallery) can only “insert into post” either in the rich editor or in a seperate page.

I’ve found this page that might be of interest:

http://www.braindonor.net/coding-blog/hijack-the-wordpress-media-gallery/228/

but I need to play around with it. Of course: any help is welcome.

Edit: btw, the image-widget plugin seems to adopt many of the things mentioned in this article, but it wouldn’t help me here …

[Anonymous]

Yeah…we don’t want to insert and image into the event content, merely associate the image WITH the event.

Maybe the Custom Field Template (http://wordpress.org/extend/plugins/custom-field-template) will have an answer. You can designate a file field to be meta-associated with a post. If you haven’t used it before it’s kind of complicated but pretty flexible.

Starting around Line 826 of custom-field-template.php is the file-handling section but I’m under deadline and probably won’t get a chance to dig into it for a few days.

[Anonymous]

Inserting images as custom attributes is also something I’m interested in – currently I’m using the workaround described in http://www.e-dynamics.be/bbpress/topic.php?id=187#post-890, copying and pasting image URLs from the WP media manager to the appropriate attribute field.

I came across this a little while ago while working on another project, and thought it could be useful here:

http://www.braindonor.net/coding-blog/hijack-the-wordpress-media-gallery/228/

This guy captures the HTML returned by the WP media manager’s send_to_editor function and sends it to a text field.

Worth a look maybe?

[Anonymous]

The ability to associate an image, which is used in the listing (thumbnail) and single event (full-sized) would be a killer feature.

There’s not much I’d improve about EME, but this is it!

[Anonymous]

I’m not clear on exactly WHERE, if anywhere, the defined “Event Image” is supposed to get displayed.

I’ve set them for a few of my events, but they never show up. (The in-line images I put in the event body show when the event is displayed). I’m not sure what the “bubble” Franky mentioned to msteerob at http://www.e-dynamics.be/bbpress/topic.php?id=187#post-890 is about?

As with other users above, I’d love to have it act as the “Featured Image” and show up as a thumbnail in Events Lists…

What is the intended purpose of the EME “Event Image” feature?

[Franky]

With the current release you can upload one specific image that can be displayed using a placeholder, as for locations. Look for #_EVENTIMAGE at http://www.e-dynamics.be/wordpress/?p=282

[Anonymous]

Oh cool, thanks. I’m able to use it in the Events List sidebar widget too. Unfortunately it doesn’t get resized. (If I knew what I was doing maybe I could run it through TimThumb or something, which I think is what my theme does for Recent posts widgets.)

Or I guess I could do it the old fashioned way and manually resize and re-upload.

Or I guess I can upload it to WP Media Manager and then download and re-upload one of the thumbs into EME.

Anyhow, it would certainly save time and effort if this were more integrated with WP Media Manager and/or Featured Posts function.

Hmm, how to combine this with the events_list function on my calendar page? (to include images in event listings?) Ah, just put it in Default Event List Format in EME Settings!

Thanks for the explanation, Franky. You have been really great in supporting this plugin.

[Franky]

To resize: use #_EVENTIMAGEURL and create your own image with plain html code, width and height as you see fit. And you can just use that placeholder in the event list format as well.

[Anonymous]

Thanks but I’m doing something wrong. If I just use #_EVENTIMAGEURL in the widget it seems to insert the same image (and size) as #_EVENTIMAGE does.

And if I try to encase #_EVENTIMAGEURL within an “a href” tag format, then I can’t get it to do anything.

Is #_EVENTIMAGEURL still pulling the same image that was uploaded via the EME GUI for that event? Or is it intended to point to a random URL holding the desired image?

[Franky]

As said: use width and height:

<img src="#_EVENTIMAGEURL" width=xxx height=yyy>

See http://www.w3schools.com/tags/att_img_width.asp

[Anonymous]

Yup, but it’s just not working for me — I’m getting broken images when I put it in the Events List widget. (The placeholder box is resized though.)

The resulting broken image has the following image URL:

http://mydomain.example.org/%3Cimg%20src='http://mydomain.example.org/wp-content/uploads/locations-pics/event-6.jpg'%20alt='My%20Event%20Name'/%3E

I’ve tried using divs and < a > and other things around the code block, entering single quotes instead of double quotes, with and without an alt, and nothing works…

The only code I’m entering in the widget is as follows:

<img src="#_EVENTIMAGEURL" width="20" height="20">

It seems the ALT containing the event name is getting put in the image URL automatically, whether or not I specify an ALT…

I thought it might just be the widget, so I tried adding the SAME code to my default single event view… and I got the same broken image on the event display.

[Franky]

Hmmm … weird, maybe a bug 🙂

Found at least one bug: in events-manager.php, change the line 1161 from

} elseif (preg_match('/#_EVENTIMAGE/', $result)) {

to (added a “$”)

} elseif (preg_match('/#_EVENTIMAGE$/', $result)) {

otherwise the matching wins over the one for #_EVENTIMAGEURL (stupid of me ..)

[Anonymous]

Beautiful — that bugfix solves my problem. Thank you!

The only thing I can’t figure out now is how to get my event title to start wrapping to the right of and aligned with the TOP of the image, rather than at the bottom.

I also had to get fancy and use a conditional statement to suppress the image space for events without images… This software is so powerful.

My new List Item code in my Event List widget:

<li><h3>[events_if tag='#_EVENTIMAGEURL' value='']

<a href=#_EVENTPAGEURL><img src="#_EVENTIMAGEURL" height="40" "width="40">  [/events_if]<b> #_LINKEDNAME</b> #M. #j</li></h3></a>&nbsp;

[Franky]

For the align: http://www.w3schools.com/tags/att_img_align.asp

[Anonymous]

Thanks again, Franky. I had used “align” but not “float”.

One interesting Internet Explorer conflict with the EME Widget though. Text was WAY too big. The only way I could get IE to display the EME widget text in the proper size was by modifying the List Header Format and List Footer Format, forcing BOTH the “posts” class AND the “post” class to be in effect. It would NOT work when I tried putting those within the List Item Format. Yet Mozilla and Chrome did NOT require those changes in order to display my <h2> and <h3> text in the proper size.

Anyway, if anyone else has this IE problem, here’s my code:

[ LIST HEADER FORMAT ]



<div class="posts"><div class="post"><ul>



[ LIST ITEM FORMAT ]



<li>&nbsp;<h2>[events_if tag='#_EVENTIMAGEURL' value='']

<a href=#_EVENTPAGEURL><img src="#_EVENTIMAGEURL" height="38" "width=""   style="float:left; margin: 2px;">  [/events_if]#_LINKEDNAME #M. #j</a></h2></li>



[ LIST FOOTER FORMAT ]



</ul></div></div> <div class="sep sepinside"><h4>&nbsp;</h4></div>

[Franky]

Don’t you just love CSS sometimes 🙂 Or hate it … 😉

[Author]

Posts