Images in FW using EE

Hi,

Learning makes perfect.
Struggling with the next phase in my first EE project. Up until now EE seems to be an excellent tool with enormous possibilities that is still relatively easy to setup and learn. Already looking forward to the 2.0 version :slight_smile:

My issue. I have downloaded an image (using the weblog entries). It shows up OK when I put it in the text stream of the HTML box where the EE action is defined.
But I want the image to show up in a image container in FW so that I can style the image. I tried it in several ways but I can get it to work!

A helping hand here is appreciated

Rob


dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi

I’m afraid I do not understand what you mean.
Do you want to show an image in a DIV? In order to add styles to this DIV in the FW doc? Try a MarkUp element in a DIV. In the Markup you put the tags that is needed for EE. In case the tag calls more than one image please attach the Anonymous action from Walter Davis to the DIV. ( Anonymous - ActionsForge) This to get it throught the W3C org validation. Do hope this helped.


dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sorry if I wasn’t clear.

THE image loads perfectly when in a HTML DIV. But I want to load the picture in the pict DIV in FW so I can styele it using THE basic FW tools.


dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You mean the filters that are in FW? If you have the image on your computer, you could import it in the FW document. Then use some filter (I presume you mean that with basic FW tools) export it, and load it back to the server. Do not forget to rename that image in your EE entry.
I do not hope hope that you think that FW filters for images in the FW document also have an effect in the HTML on the server. Because that’s not going to work. If you want to have effects on images on the server, you should call some PHP script. Like reflection, or fade.


dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I can’t imagine that it becomes so difficult.

I only want the image to show up in it’s own DIV so that I can style it with simple CSS (border / shadow / positioning ).
The problem is that the EE tag now floats within the text stream and thus seen/styled like the surrounding text.

Rob


dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

This may be a misguided response, but anything you do in FW is going to be just static content. FW won’t be able to adjust the images dynamically in a certain way on a per entry basis. The image, if so desired to be handled in FW, would have to be the same image. Now if you wanted just the same static graphic that had text wrapped around it, then you’d have to do a bit of box-model here.

You’d insert an HTML item inside of the main HTML item and then float that item ‘left’ or ‘right’ and then inside the placed HTML item that was just floated you’d insert into that a ‘graphic’ item and then you’d import your graphic into that box and then outside of that, depending on if you were using a WYSIWYG editor (TinyMCE, FCKEditor, etc) you’d probably use Crowbar to drop in your EE custom field name.

However, it might just be easier to insert it into the entry itself and save yourself the hassle of it. As atelier wrote, you’d have to do the ‘adjustments’ to your image in FW first, export the image out, upload it into EE and then place it. A lot of these terms are just kind of out there, like upload it into EE or Place It, but I use plugins and extensions like ‘File Manager’ and ‘TinyBrowser’ to upload and place. However File Manager works easily, TinyBrowser doesn’t always place nice.

Again, this may be way off of what you’re trying to do or maybe not.


dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Is this what you want? http://www.monumentmaker.nl/index.php/test/image_float_in_text
If so, I can explain.


dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Guys,

Thanks for the advices so far.

I managed to get something working have a look at: http://www.perico.nl/article/our_personal_touch/

By the way I’m using Joe’s EE suite.

Now if you look a the site the picture looks kind of OK. I placed the weblog:entry image in a seperate HTML box and styled it using FW. Upload it through EE etc. So far so good.

This is what I want to achieve:
1- Customer should be able to upload and change his images. (together with the rest of his article, I use the weblog:entries EE tag for this)
2- Various # of images per weblog:entry (so anything between 0-3) i.e. One article several images.
3- Images placed next to the article
4- Bit more styling around the image then now.

I hoped I could use EE in the same way as a FW images element, style it and then just like in FW import the image, size and place it. But that doen’t seem to work.

Rob


dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I do not know exactly what you have been doing, but that page does not validate (at all) Validation Results - W3C Markup Validator
Some of the errors (like using & in text) are common in a CMS driven site. But others are more like that you have to think again what you did in the page.

About styling, and several images.
As you can see in my example, there is a white border around my image. That is styling that I do in EE, not in FW. Why? Because you do not know how large the image shall be. Better is to have that styling done by EE.
Several pictures in one DIV is OK of course. Your writers just put more images, one after the other, in the image-field in that entree. As long as you take care of a bit of margin around each image. Again, in the EE entry.
Did you notice you can click on my image, and get the zoom effect? It’s been made smaller on the server. This is a plug-in in EE (image-sizer). The writers can upload the large size, EE takes care of the thumb-nail. So, do not style your images in FW. Just make a container, and let EE do the rest. A site driven by EE is different in concept compared to a ‘traditional’ FW site.


dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options