How can I add images to my blog? What is the easiest way?

Thanks!

Comments

David Hull’s picture

If you're not filtering HTML tags and you have your images hosted elsewhere, you could just use an <img ...> tag directly.

Otherwise, you could enable the contributed image.module, turn on "Image filter" on the Administration » site configuration » filters page. Then you upload your images to your personal photo gallery and use [image:node_id] to include the photo in your blog entry.

Anonymous’s picture

Thank you!! :)

Anonymous’s picture

About the directories permission.

May I set 777 for image, thumbs & tmpimage? or 770?

David Hull’s picture

You probably already figured out the answer for yourself by now, but...

When a user uploads an image through the web, it's the web server
that writes the image file into the image directories, so the web server
needs read, write, and execute permissions on those directories.

If you have root access on the machine running the web server,
the most secure installation would be to have the image directories
owned by the user the web server is running as, and have mode 755
(or 700).

But if you don't have root permission (and so are unable to change
the ownership of the image directories to the user the web server
runs as), and if you and the
web server are in different groups, you're going to have to use
mode 777.

theview’s picture

So, the best way to include an image when you're typing out a new story is to create image nodes *first*? Then refer to them inside the story using the [image:node_id] tag? Ok.

check out View Online!

David Hull’s picture

Yes, that's how I do it.

lukeperman’s picture

i got some images loaded up using the image.module and turned on image filtering... now, where do i find the image node.id??

i looked all around the areas, and all i can see is a '1' or '5' in the URL at the top of my browser (after /node/edit/), so i tried adding: [image:1,(left),10];
into my story body, but the image doesn't render - what am i doing wrong??

cheers!

bruno’s picture

If you enabled image filter in Administration » site configuration » filters, you may include an image in a node using the image node id.
Try the simple syntax [image:123]; , assuming 123 is the node id of the image.

The full syntax is:

[image:node_id,(left|right|top|middle|bottom|absmiddle|texttop|baseline),hspace,vspace,border];

If you want to use hspace, I think you should also enter a value for vspace and border.

kb6nu’s picture

I've enabled the image filter and can now attach images to stories, but how to I attach the full sized image to the story and not just the thumbnail?

tommi-1’s picture

I've pondered this myself and I haven't a way to do that. There is an issue on this but it hasn't been update for a while.

grabur’s picture

[image:node_id size=original]

seems like the image has to exist for it to work, would be nice if it gracefully degraded.

malloc-1’s picture

Specifying an image like so [image:244]; does not seem to work in 4.5.0. I don't have any adminstration options for filtering (can't turn it on or off)

javanaut’s picture

I'm hesitant to throw this out here, as it is a fairly new module, but the attached_node module works on 4.5.0. The syntax is similar to the image filter module, but it doesn't just apply to image nodes.

Syntax is like:

[node:123]

for the regular thumbnail version of the node, or

[node:123,res="640x480"]

or basically, whatever allowed resolutions you specified in image module's configuration, as well as "original".

After installing the module, you would have to add "res" to the list of allowed parameters for image node in administer / input formats / configure filters. Image nodes are treated specially, but only if the "res" parameter is enabled.

bertboerland’s picture

there is a sepearate image filter module as of 4.5 which does this as it sais in the changelog
--

groets


bertb

--
groets
bert boerland

Cows4all’s picture

but I can't find the Administration » site configuration » filters?

Where exactly can I find the image filter?
I'm using 4.6.

The best I found is "filters" under "input formats", but there isn't a "image filter"...

I already have installed the image module and image-filter module...

Any suggestions?