Putting Pictures on Pages, Blogs, etc.
I originally wrote this message as a reply to this topic: http://drupal.org/node/61569 but decided it should have it's own thread.
I've struggle with trying to find a good way to put pictures on pages. I probably don't know the best way, but have come up with a way that works. Here is an example http://winterssewing.com/drupal/?q=node/159 of a page with pictures. Although it is not in a blog, it would work the same. The pictures are inserted via FckEditor. I don't know of an "easy way" to put the pictures in, but this is how I do it. This assumes that you already have your pictures uploaded and available somewhere on the website. (I have my in Gallery2 on the website)
Have 2 Browser windows open, one browser window is open to the picture you want, the other window is the content page(blog, book, etc), in "edit" mode.
(I don't have much time right now, but am doing this mostly from memory, so bear with me if I leave something out.
In your browser window containing the picture, right on the picture. From the pop up menu, click on "properties". From the property box, highlight and copy (ctrl+C) the entire URL of the picture.
Going to the Browser window with the page (blog, page, etc.), click in the editing window where you want the picture. Now click on the "Insert/Edit Image" icon in the FckEditor menu bar. From the popup "Image Properties" window paste (ctrl+V) the URL of the picture into the URL line. You can also enter some Alternative text, such as a label (which doesn't seem to show anywhere), about what the picture is. Enter the size you want the picture to be in the Width and Height boxes. This will depend upon how big original is on the other website (leave blank to just have the picture be the same size as in the gallery. To have the picture be smaller, enter the size. For instance, the pictures on this page: http://winterssewing.com/drupal/?q=node/159 range from 200 X 150 to 400 X 300.
I leave the Border blank (it would create a line around the picture.
The HSpace And VSpace (which leaves some blank space around the picture, I usually enter 10 in both. To determine which side (or middle) of the page you want the picturer, click on "Align" and make your choice
(although I personally haven't yet used, it, if you don't have your pictures on a website anywhere, You can probably "Upload" tab of the Image Properties window to upload the picture, but you'd have to experiment with that.)
I would hope that there is, or will someday be, an easier way to get pictures on a page. But this is all I know how to do. If anyone knows how to do it easier or simpler, please let me know. I have Gallery 2 installed on my website and have the Gallery module also installed, but haven't been able to figure out how to use that in making this simpler. Well, at least this method works until I find a better way.
I hope that helps,
Best Wishes,
Stephen
http://www.winterssewing.com/drupal
I am also looking for a good
I am also looking for a good way to insert images to my news and stories.
I am also looking for a good
I am also looking for a good way to insert images to my news and stories TOO.
http://forum.diggc.com/
http://blogc.diggc.com/
I use drupal 4.7 with the
I use drupal 4.7 with the image.module and img_assist. The image module allows me to upload images to the server as nodes (while creating my story or page node).
I then use the drupal image plugin with TinyMCE to insert the images into the story without any problems.
Would this not be suitable for you?
Thanks bugz! I didn´t
Thanks bugz! I didn´t thought of that and I was looking for something like this.
The thing is... I´m gonna try that solution but... there should be an easier solution...
Rosamunda
Buenos Aires | Argentina
www.ligadelconsorcista.org
I use that solution in a
I use that solution in a scenario where the people utilising it are complete novices and they seem to find it adequate. While perhaps there "should be" an easier way, I think that the contributors of these modules have made great strides in making these modules as user friendly as possible.
I also find that they have made huge improvements in the 4.7 versions, that weren't there in previous modules.
How Does Image.module and Image Assist work with TinyMCE.
Thanks for the response. This sounds interesting, but I do have a few questions.
I don't know what you mean by "upload images to the server as nodes". Does that mean that you can upload images to a "seeming" gallery page of pictures? I've tried using the image module and image assist with Drupal 4.62 or 3, but never could get it to work very well. That is part of the reason why I ended up installing Gallery2.
Do you have to copy and paste the URL of the image, or does TinyMCE just automatically put the URL for the picture?
I have been trying to get Drupal 4.7 installed, but so far haven't been able to get past the installation error messages. Otherwise I'd just try it out.
Thanks,
Best Wishes
Stephen
winterssewing.com/drupal
1) The Image.module creates
1) The Image.module creates a new node type "ïmages" - this will create a thumbnail, a preview size and upload the original size to the server.
2) The img_assist module allows you to insert these uploaded images inline, into your posts when you click on the image assist button while creating your content. This give you access to images you have already uploaded and also give you the option to upload a picture then and there.
3) The drupal image plugin adds a little button onto the TinyMCE toolbar which does essentially the same as (2).
There is no URL copy and pasting involved.
What error messages are you receiving when you try and install 4.7?
Does the Drupal Plugin use Gallery2 pictures?/Upgrading from 4.6
Mark,
Thank you for clarifying about the image plug ins. I really appreciate helpfulness and you taking the time and energy to help clarify about images.
I have some more questions. I'd like to use images from two sources.
1) Does the "Drupal Image Plugin" use the images from a Gallery2 installation, as does the Joomla Gallery2 Image Chooser, shown in this demo: http://demo.steffensenfamily.com/demo_tinymce.html ? I'd like to be able to use images from my Gallery 2 (without having to cut and paste the URL, as I'm presently doing). However, my Gallery2 installation contains hundreds of pictures, and may eventually contain thousands. (Perhaps, if there was some way to limit the usable pictures from specific folders in Gallery 2)
2) So that my users won't have to be overwhelmed with the amount of pictures to use, I'd also like them to be able to use images from a specific Drupal source, such as the Image module, etc.
I finally got the Drupal 4.7 site working; it was a new install. It turned out to be a domain name problem. (I have two domain names and installed Drupal in a folder on one while trying to get the other domain name to point to it.)
I do have questions about two other sites to upgrade, but, since that is another topic, I've posted those questions here: http://drupal.org/node/63670
Thanks
Best Wishes
Stephen
winterssewing.com/drupal
First of all, you're welcome
First of all, you're welcome and hopefully I can be of some help to you.
1) The Drupal Image plugin is a plugin for TinyMCE which is included in the download for the TinyMCE module from Drupal.org. When installed correctly, it ties in with the image.module and img_assist available from drupal.org to provide you with a button to insert images directly into your new post. Depending on the permissions you have set up through your drupal access control list, a user can see only images they have added through the image.module or all images uploaded to the site through that module. At this point, they can also choose to upload a new image if it isn't already available.
1b) The TinyMCE plugin you mention, which allows you to insert images from Gallery 2 in roughly the same manner, is available for use with Drupal. The instructions for this are located at: http://g2image.steffensenfamily.com/index.php?title=Drupal - These are a little vague, but you basically download the plugin from that site, place it in the plugins folder located in your TinyMCE download (the one from the TinyMCE website) and then you edit the file called "plugin_reg.php" (which comes with the module from Drupal.org) to reflect the 2 lines of code shown under "For Drupal 4.7" - The functionality when installed correctly is identical to that of the example you have provided.
1c) Perhaps you can play around with the permissions of both Drupal and Gallery 2 to limit users to specific folders - having played a little with the G2 permissions, I should think this is possible.
2) Setting up TinyMCE profiles for different user roles will allow you to make available different plugins for different roles if you so choose. That is, you could have a TinyMCE profile that allows site admins full access to both the image.module and the Gallery 2 created images - then have authenticated members limited to the image.module created images only. (or anything you want)
I have the Image upload working in Drupal ! Sort of.......
Hello Stephen,
Many thanks for starting this NEW thread as this is a really essential feature for
a modern CMS sadly lacking in DRUPAL.
I have read the official post somewhere explaining why it is not included, but in reality if pictures can't
be posted like written words ( by the least computer savvy people) the content
creation s practically dead.
After searching and digging all over DRUPAL I have got this working at our site
http://paratlane.net in more than one one way. Please see
create your own>> select any content item like blog entry etc
I have tried by installing the the Image and Image_assist modules and the native
upload module.
http://drupal.org/project/image
http://drupal.org/project/img_assist
By activating and fiddling with permissions and properties of
content (they are all hidden in various menus in the admin which I can't remember)
I could get the Image Icon/addimage text below the text area.
Somewhere along the line I had to install a non official version of image_assist.cvs
as well but not sure if this is what made things work.
However, the sreen for Image_assist which came up showed pictures already uploaded only
and no way to upload a picture NEW from your hard disk.
Then I went on to install the TINYmce editor module. After fiddling around various menus
I got the Tinymce tool bar in the text area with a Image Icon (picture is missing) on the
left most on the second line (you will spend an afternoon searching for it)
http://drupal.org/project/tinymce
However this Icon produced only a possibility to include an image from a URL
(in other words you need a image already uploaded to any web server and
its correct URL)
I had to then install the Drupalimage Plugin for the Tinymce module in the
/paratlan-www/modules/tinymce/tinymce/jscripts/tiny_mce/plugins
Which Produced a Camera Icon on the Tinymcm tool bar (top right)
Now by Clicking this Icon I get a proper Image_assit screen which
gives an option to upload New image from your hard drive in addition
to select an image already in your gallery.
So there are now THREE ways (two Tinymce icons and one add image link
below the text area.
Now here is the fun part. After fiddling with various permissions, I now
get the Tinymce tool bar everywhere including the Image_assit screen to
add NEW image. I really don't know how to restrict this tool bar (as the
exclude page deffenitions to use in the admin are not clear ) to where I need.
However I still have no way to add an IMAGE to a POLL !!!!!!!
I desperately need this feature to create interesting Polls.
(I have a sample POLL on the site http://paratlane.net Please
Check this out to see what I mean)
I am sort of happy that no one will shy away from posting an interesting
image or ontent to our site as long as it is someone with good computing
skills.
Surely this is no way for using a great content management software like DRUPAL
with all its excellent features. This simple feature cries out to be integrated.
Is someone listening ?
Shred
++++++++++++++++++++++++++++++
A great deal for business.
http://affiliatesexcel.com
A Good Picture Component, Can Someone Adapt This to Drupal?
Shred,
Thank you for your in depth reply.
By activating and fiddling with permissions and properties of
content (they are all hidden in various menus in the admin which I can't remember)
I could get the Image Icon/addimage text below the text area.
........Then I went on to install the TINYmce editor module. After fiddling around various menus.............
........ After fiddling with various permissions,.........
Your description "Fiddling here and there" has so aptly described how I have also went about trying to figure out how to get various components working. I have went what you have done, and more, with the various modules, etc. However, overcoming challenges is sometimes invigorating, if they don't go on too long.
But in any case, what I really need is a good image module, that really works! Here is a sample of what I'm looking for to use in Drupal. (Go ahead and click on the link, it is just too long to show, but it still works): http://extensions.joomla.org/component/option,com_mtree/task,viewlink/li... This is a Joomla extension called "Gallery2 Image Chooser". Here is a demo of the G2 Image Chooser in action: http://demo.steffensenfamily.com/demo_tinymce.html Could someone adapt the Gallery2 Image Chooser for Drupal, or make something like it? This component could be an idea solution to handling images in Drupal.
With That said, I must ask a question. Is Drupal capable of doing images. I notice that http://www.drupal.org has very little, if any pictures and graphics. Am I asking for something that goes against what Drupal is all about? After all, it seems like since there are hardly any images on this website, that perhaps the developers don't consider graphics of much value.
I really like a lot about Drupal, but I really need a good way to EASILY get graphics onto a page. Many of my users may not be very computer savy and may not be willing (or have the knowledge) to copy and paste URL's within the WYSIWYG editor picture editing functions.
It has been very wisely said, "One picture is worth a thousand words." I see many of the users of this website can be very wordy. I myself can write extensively. However, pictures clarify and and enlighten in ways that no words can accomplish.
Stephen
winterssewing.com/drupal
The G2Image plugin is
The G2Image plugin is already available for Drupal: http://g2image.steffensenfamily.com/index.php?title=Drupal
Drupal is fully capable of doing images. Drupal.org may not have a lot of images for a lot of reasons; which is really at the discretion of the maintainers of the site - this does not mean that the Drupal engine cannot do images.
Using the method I described in my previous post, my users are able to select images from thumbnails and insert them directly into the content without copying and pasting any URLs. I would recommend upgrading to drupal 4.7 to take full advantage of these features, but it's probably not entirely necessary.
I've fully migrated to 4.7 and so I am a little rusty on what's available in the 4.x setup, but I would be more than happy to explain the process on a 4.7 environment.
Can you upload images with G2Image ?
Can you upload images with G2Image from your hard disk ?
The demo did not show it can. You need to upload pictures in the gallery first
using something else . Once inthe gallery you can post to cntent pages.
I suppose the only way you can do it now is by image_assist and TineMCE toolbar
Please correct me if I am wrong.
Cheers
Shred
++++++++++++++++++++++++++++++
A great deal for business.
http://affiliatesexcel.com
G2Image works with Gallery2
Hi Shred,
The G2Image module works with the Gallery2 picture gallery http://gallery.menalto.com/ , which I have installed on my site, here: Winters Sewing Gallery . Gallery2 is a separate gallery software, that is not part of Drupal. I don't know if you can upload images into Gallery2 using image_assist or TinyMCE. However you can upload images using Gallery2's excellent uploading features. Although I don't yet have the G2Image.module installed, I use Gallery2 quite a bit, and have many hundreds, or more, of pictures in Gallery2.
It is very easy to upload pictures into the Gallery2 albums, whether a few at a time or in large quantities at one time. With the Java Upload Applet (a Gallery2 module), you can easily upload dozens, even hundreds, of pictures from your hard drive all at one time. You can even create online slide shows, like this: Furniture Slide Show, or online Java slide shows, like this: Java Slide Show.
Anyway, back to the topic. Since I already have Gallery2 installed on my website, and have lots of pictures in it, I'm looking forward to trying out the G2Image module. But first, I want upgrade Drupal.
I hope that is helpful
Best Wishes
Stephen
http://www. winterssewing.com/drupal
Is there a way to have an
Is there a way to have an image asset management?
Something like when we delete a node, we are able to select if we want to delete any images we have in that node and know if the image is used in any other nodes.