By mkjones on

Is there a module around that allows you to upload an image with a story that will auto re-size it into thumbnail size and then display it as a story image similer to this:

IMG | This is a story
| Story description

The blogs over at http://www.popmadrid.com/ are a good example, the site is running on drupal.

Ive looked in the modules, nothing seemed to stand out?

Comments

SpriteGF’s picture

SpriteGF commented

TinyMCE module.

This is off the top of my head. I believe it has not only rich-text capabilities but also the ability for folks to upload images and reference it at a particular size, along with complete layout templates.

dmuth’s picture

dmuth commented

Um, I guess TinyMCE is one way to do it. :-)

Another way to do it would be install the acidfree module which is essentially an image gallery. You can then use tags like [acidfree:123] to display a thumbnail that links to the acidfree image.

--
Douglas Muth, Philadelphia, PA
http://www.claws-and-paws.com/ (Soon to be Drupal-powered!)

the_shifter’s picture

the_shifter commented

acidfree is currently up to v4.7, but it requires filemanager which is only up to 4.6

how does this work? if filemanager is 4.6 then it wouldn't work on drupal 4.7 would it? another thing, in the acidfree readme it also says to download a patch for filemanager. i can't find it. know where i can d/l it?

---------------------------------
What is and what should never be

Kief’s picture

Kief commented

I've gotten it working somewhat on a test site using the filemanager from cvs - it doesn't seem to be incompatible with 4.7 even though it hasn't been updated recently. As for the patch, it's included in the acidfree module directory. I would get the cvs version of acidfree as well.

I had a few warning messages with acidfree on 4.7 (which are over on the bug tracker), so you should try it out on a test site first.

mkjones’s picture

mkjones commented

None of these are exatcly what I was looking for, shame. There doesnt seem to be any modues that fill this gap either.

dmuth’s picture

dmuth commented

Hmm, how about the image module? Would that meet your needs?

-- Doug

--
Douglas Muth, Philadelphia, PA
http://www.claws-and-paws.com/ (Soon to be Drupal-powered!)

jivyb’s picture

jivyb commented

I really like drupal and the drupal community but this has got to be a big weak area for drupal: handling images in posts. Maybe it's just for people new to drupal that this is so difficult for something that seems like it should be so straightforward. Or maybe I'm missing the obvious and I just overlooked something in the image mod, for example.

The latest thing I've tried is the fckeditor's image tool. It allows you to resize the image, add margins, designate where in the post you want the thumbnail, etc. I haven't gotten it to browse my hard drive or server like it's supposed to, but if you know a url for the image, this way was more straightforward for me that even the image assist module. Or maybe you can get it to browse your hard drive. It's supposed to...

Good luck and please post if you find something you like. I'd be interested in learning how the popmadrid.com people did it. Have you asked them?

mkjones’s picture

mkjones commented

Ive used FCK before, quite a bit actually.

None of the drupal solutions seem to fit what I am after, which is a shame but I could probably do without story thumbnails in the long run.

jivyb’s picture

jivyb commented

Have you tried this? It's a bit complicated to set up, looks like, but if you can get it running looks like it might be a good option.

http://drupal.org/node/32506

Incidentally, when I did a search of this forum to find this link, there were at least 10 other threads where people were wondering how to do this very thing with limited success. Maybe somewhere a coder will have pity on all of us or we can get a bounty up for the development for a more general solution that doesn't require a specific wysiwig editor and installs in one/two steps like a module. I know, people will say "what about the image assist and image mod?" but as this and the other threads demonstrate, what is needed is something more like you described needing above. Maybe if you put bits and pieces of all these mods and hacks together it would all be there. Oh to be a coder...

There are several other cms's out there with what we're all needing for image insertion into posts--(dare I mention Mambo/Joomla). Maybe those could give a pattern and we could get some momentum behind doing something similar or better for drupal. I could contribute a little bit to a bounty...

mkjones’s picture

mkjones commented

Saw that, but not sure if to take the plunge as its the same as img_assist really.

The best idea is to add a new field to the content table (bear in mind I havent really looked at the Drupal content database much!) which could hold an image path/filename. Then a simple upload would be used to get the file on the server.

The image module does a decnt job of this but I hate the idea of having to index images/content seperatly.

Anyway, I am sure I can work something out. If there is a null field in the database I could just hack my CMS to use that.

jivyb’s picture

jivyb commented

I do hope you get something figured out even if it's "hacked" together. But it sure would be nice if it's as common of a problem as it seems to have a general solution everyone could use (still thinking bounty here...)

Kato’s picture

Kato commented

Maybe this sounds stupid, but can't you just use full html and code in the picture like you normally would with a smaller picture and link it off to the real thing? Or are we looking for some kind of automated upload for someone that knows nothing about html?

jivyb’s picture

jivyb commented

Yes, I was thinking of something simple enough that my family who uses computers only for pictures and email could go to my website, click on adding a news item and when they get to that input form be able to click another button to browse their hard drive, choose a pic, click upload and then a thumb is automatically made for them and it gets put wherever they choose within the post. They click submit for the post and theyre done.

I imagine that people who set up websites for businesses need a similar functionality so the people they set them up for can add pictures and news without knowing any html. And then there are bloggers who just have something to say but don't know html....

willistg’s picture

willistg commented

But I got a "request terminated for suspicious..."

Anyway.
The theme i'm working on here right now I managed to get this to work pretty well in everything except safari and konqueror(can't win them all)
http://dev.i-see-sound.com/

here's what I did...

in my theme node.tpl.php I assign a class to the node div based on whether it is being rendered by itself or in a list.

then I made an additional style sheet rule in my style.css for a smaller max-width.

This is all I could come up with after the great module search of december 2006.

if you are interested in seeing it I'd be happy to share, I just don't have time right now to figure out how to get the example code in in a way that will satisfy the filters.

Thomas G. Willis

mkjones’s picture

mkjones commented

Not a bad idea but your images are still huge behind the scenes, they take a while to load.

img_assist would be better as it produces a smaller thumbnail.

willistg’s picture

willistg commented

It's not perfect from that respect, but not having to tell the editor that he has to go back and change a bunch of articles to get the thumbnail to appear in the teaser under the new layout is a benefit in itself. :)

Thomas G. Willis

sepeck’s picture

sepeck commented

You can use
<img src=http://www.example.org/image/view/##/preview">preview</a>
<img src=http://www.example.org/image/view/##/thumbnail">thumbnail</a>

If you go to admin >> settings >> image and look at the sizes, you will see a default name, preview and thumbnail. You can add and label other sizes as you choose.

So, to break it down, sitename / image / view / image ID# / label will get you to an image suitable for use in an <img src="" tag.

This is how I posted the image in my blog post here

A focus after 4.7 is released will be better image handling. If you are interested, this discussion has been ongoing for the last few months, so dig through the archives before just wildly jumping in.

-sp
---------
Test site, always start with a test site.
Drupal Best Practices Guide -|- Black Mountain

-Steven Peck
---------
Test site, always start with a test site.
Drupal Best Practices Guide

jivyb’s picture

jivyb commented

I read your blog post and it sounds like you're very frustrated and have been doing a great amount of work to get 4.7 ready. I am very appreciative for all you and your fellow developers are doing and realize you do it probably as volunteers. I don't know if you consider my comments above as being part of the "uninvolved and mad", but I sincerely don't want to add anything negative to the work you and the others who are heavily involved in developing drupal are doing. I don't have the skill to be very involved directly and all I can really do is offer my best ideas and contribute financially to those who can do something. So the idea of getting up a bounty was put forward in the spirit of trying to help out and be productive in the only ways I can.

Anyway, I'm glad to hear that you have plans to focus on the image handling in the future and I hope I'm not too out of the loop to support that effort in any way I can. If you think a bounty for this idea would be counterproductive, then if you let me know, I'll stop suggesting it. By the way, the ongoing discussion of fixing the problem didn't come up in any of my searches on image handling but the many others with problems did...If you're not too frustrated that I missed it (or haven't yet decided to boycott my posts), I would be interested to read it if you could put up a link.

sepeck’s picture

sepeck commented

No, that post was something I had written prior to reading your post and I just happened to use the IMG SRC= technique in it. Your question was fine and phrased as such. Image handling is a challange for those of us non coders I suspect because of what we don't know.

There are various discussions on img handling and which approach to go with and why, very educational to me.... Try here, look for inline files and the image node type threads.
http://lists.drupal.org/archives/development/2005-12/index.html#00206

On the other issue, we've just had a bunch of mindless rants lately by angry people who proudly claim how things should be and they're proudly going to rip on Drupal and refuse to help/work to make it better.

As to not knowing, I understand and you're doing fine. So, what can you do... make notes now about what you are finding difficult. When you figure it out, try and see how you would phrase it to help the next person so that they won't have the same problem. You can open an 'issue' with Drupal documentaiton and post your suggested text there. If you think you know where it would go in the handbook, you can create a handbook page. It goes into moderation and if you wnat ot draw attention, you can sign up to the docs list and mention it, or open a documentaiton issue with a link to it.

-sp
---------
Test site, always start with a test site.
Drupal Best Practices Guide -|- Black Mountain

-Steven Peck
---------
Test site, always start with a test site.
Drupal Best Practices Guide