Similar to the users here, I'd like an option to load Cloud Zoom's scripts on every page — or even better, to be able to specify which content types should load it, or even to be able to create a list of nodes to include/exclude (similar to the dialog for including/excluding a block).

Additionally, it would be great if there were a way to insert the inline image similar to the one offered by the Insert module — I use it to insert Colorbox images now, but if you add it to Cloud Zoom it just inserts the path to the original image w/o the link or the Cloud Zoom classes, e.g.,

<img src="/sites/mysite.com/files/path/to/PREVIEW_image.jpg" alt="Fall into jQuery" title="Fall into jQuery" />

instead of

<a href="/sites/mysite.com/files/path/to/BIG_image.jpg" class="cloud-zoom">
        <img typeof="foaf:Image" src="/sites/mysite.com/files/path/to/PREVIEW_image.jpg" alt="Fall into jQuery" title="Fall into jQuery" />
</a>

I have come up w/ a clunky workaround that I'll detail in a followup post, involving the Insert module, the WYSIWYG module and hiding the image thru CSS.

Comments

Anonymous’s picture

Anonymous (not verified) commented

The clunky workaround:

  1. Install the Cloud Zoom module, the Insert Module, and the WYSIWYG module.
  2. Configure the WYSIWYG module to use the TinyMCE editor (see module page for instructions.)
  3. Add the following to your CSS:
    div.field-name-field-page-half-zoom, field-name-field-page-half-zoom * {
	display:none;
}
  4. Go to Adminstration » Content Authoring » WYSIWYG Profiles and click "Edit" on a profile that uses WYSIWYG
  5. Expand the CSS section and add the following to CSS Classes: Zoom=cloud-zoom
  6. Follow the instructions to configure Cloud Zoom to add an image field to your content type, e.g., add it to the Basic Page content type; also configure the field as instructed
  7. Go to (e.g.,) Home » Administration » Structure » Content types » Basic page » Manage fields » Name_of_your_custom_field
  8. Scroll to the Insert field and expand; check "Enable insert button" and select which preview types you'd like to allow (probably should match the preview type you set up when you set the display for the Zoom field).

That's the basic configuration. To use:

  1. Create or edit a page
  2. Find the new image field with the Insert button and upload an image
  3. Place cursor in Body field where you'd like the image
  4. Choose insert style in the image field and click "Insert" button
  5. Right click the image & copy its URL
  6. Highlight the image and click the link edit button in the WYSIWYG toolbar
  7. In the General tab, select "Zoom" from the class menu
  8. Also, in the Link edit dialogue ("Link URL"), paste the path to the image and modify it to point to the larger image, e.g., change "/sites/mysite.com/files/images/original/image.jpg" to "/sites/mysite.com/files/images/large/image.jpg"
  9. Click "Accept"

Note: you may have to enable the following in the WYSIWYG buttons options: Advanced Link, Style Properties

lsolesen’s picture

lsolesen commented
Category: Feature request » Support request
Issue summary: View changes
Status: Active » Fixed

There is a possible answer. Please reopen if that did not solve your question.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.