search

jywarren / plots

This is the old website for Public Lab; visit http://publiclab.org and https://github.com/publiclab/plots2 for the new website.
http://old.publiclab.org
12 stars 0 forks source link

much easier upload/embed/management of images #24

Open jywarren opened 12 years ago

rjcorwin commented 12 years ago

Per Jeff and I's conversation. A gallery feature would probably be nice balance between ease of implementation and ease of use. Example: http://gazettenet.com/2011/12/21/suspect-still-at-large-massive-search-in-northampton-fails-to-find-him

jywarren commented 12 years ago

I installed the node images module which is like a gallery but infant seem to be able to arrange where in the post form it shows up, or to get it to be open by default. I was going to try directly modifying the module code. On Dec 20, 2011 9:44 PM, "R.J. Steinert (rjstatic)" < reply@reply.github.com> wrote:

Per Jeff and I's conversation. A gallery feature would probably be nice balance between ease of implementation and ease of use. Example: http://gazettenet.com/2011/12/21/suspect-still-at-large-massive-search-in-northampton-fails-to-find-him

Reply to this email directly or view it on GitHub: https://github.com/jywarren/plots/issues/24#issuecomment-3228782

rjcorwin commented 12 years ago

There are a million and one ways to skin this cat in Drupal. I've used a combination of Node Reference, an Image Node Type, and jCarousel for Views. I just ran across this project -> http://drupal.org/project/node_gallery

It looks like it might work pretty well out of the box. I'll give it a go right now.

rjcorwin commented 12 years ago

NVM node_gallery. Whipping up some of my usual technique in my sandbox. This is for the Notes content type right? Tools as well? Any others?

jywarren commented 12 years ago

I'm thinking we keep it just node and wiki page content. Tool and place pages are a bit more customized anyways.

FYI, i added a table of contents feature to wiki pages, using jQuery. there's a checkbox in the edit form. Fun.

On Wed, Dec 21, 2011 at 10:09 AM, R.J. Steinert (rjstatic) < reply@reply.github.com

wrote:

NVM node_gallery. Whipping up some of my usual technique in my sandbox. This is for the Notes content type right? Tools as well? Any others?

Reply to this email directly or view it on GitHub: https://github.com/jywarren/plots/issues/24#issuecomment-3234740

rjcorwin commented 12 years ago

Ah, you mean Note and Page content. Shall we rename Page content type to "Wiki"?

jywarren commented 12 years ago

I think that's more legible, sure. At first it was a combination of not knowing how to change the "Page" label to "Wiki" but also "Wiki page" makes more sense in English...

On Wed, Dec 21, 2011 at 12:19 PM, R.J. Steinert (rjstatic) < reply@reply.github.com

wrote:

Ah, you mean Note and Page content. Shall we rename Page content type to "Wiki"?

Reply to this email directly or view it on GitHub: https://github.com/jywarren/plots/issues/24#issuecomment-3236580

rjcorwin commented 12 years ago

A gist to turn unordered lists of images into jCarousels. https://gist.github.com/1522618

WIth this we can create lists of images using markdown syntax (I don't think markdown syntax for images is currently working btw).

I see this being useful for times when we need to fit a lot of images into one specific part of a document. I think a good example of this is on Instructables. For any instruction set, there is a set of images that goes with a specific step. Limiting users to having just one gallery at the top with all images gets confusing and trying to embed all of the images in one step is a waste of space / looks awkward.

To do's:

rjcorwin commented 12 years ago

Just ran across the WYSIWYG Image Upload module which seems decent. http://drupal.org/project/wysiwyg_imageupload, demo: (skip to 4:45) http://www.youtube.com/watch?feature=endscreen&NR=1&v=LEKpvI1G8qE

We could also do something similar to what I'm doing on FarmHack-Alph2. I'm using the LightBox2 module's field formatter in a View block to display the image field (with unlimited number of images) of the current node. See http://farmhack-alpha2.rjstatic.me/wiki/arduino-controlled-cooler-using-ac-units (un/pw: farmhack).

Ultimately, I REALLY want to adapt substance.io for Drupal. I highly recommend the last half of the introductory video http://substance.io/.

rjcorwin commented 12 years ago

http://drupal.org/project/galleryformatter

Would this Field Formatter for the Gallery field be preferred over the Lightbox Field formatter?

rjcorwin commented 12 years ago

I've been using this on the EBICS site for about a month now. Seems to work pretty well.

http://drupal.org/project/insert

It adds an "insert" button to image fields that will paste the image tag markup into the body of the post. So the workflow is:

  1. Upload image to image field.
  2. Place cursor in body field where you would like that image.
  3. click on the insert button for that image you just uploaded.

It also plays nicely with WYSIWYGs. Lastly, a side note on WYSIWYGs, they scare me but I'm starting to warm up to the idea until a structured editor option like Composer is a real option. https://github.com/substance/composer.

mathewlippincott commented 12 years ago

I've never used the gallery because I want to place images in the context of the text I'm writing. Having a gallery up top is great for things like showing crowds at an event, but when I'm explaining something, the image needs contextualization.

the one quick "hack" to allow this this would be to show the url of uploaded attachments in the sidebar, and to generate a copyable embed code for uploaded attachments recognized as images. This would allow two things-- linking directly to attached files within the body of the text, and although not WYSISYG, would save the step of having to upload to flickr (etc) and use their embed code on our site. Its a half way step that would immediately improve functionality.

rjcorwin commented 12 years ago

@mathewlippincott That's an interesting idea. Unfortunately I don't think there's a quick way to hack that on the Drupal side... might be able to get my js ninja get up on for a quick hack...