Images not popping up in Outlook when sending newsletter - image

I send out newsletters for the company I work for. Since graphic artists have to create images, I usually end up testing my newsletters with temporary images that are from older newsletters. But whenever I overwrite the image in my ftp folder with the new one, it will not appear in Dreamweaver. Worst of all, outlook users do not see the image. They will either see the old image or see the red X.
As for me, I use thunderbird and I see the correct the image. The image also correctly appears on the website.
I have tried clearing the cache of dreamweaver, by deleting this file to no avail.:
Delete C:\Documents and Settings{username}\Application
Data\Adobe\Dreamweaver
CS6\en_US\Configuration\WinFileCache-xxxxxxxx.dat
This is an example of the code I use
<img border="0" src="http://www.******.com/***/***/2013/gpd_banner_fr.jpg" style="display:block;" alt="BANNIÈRE" />
Any tips?

If you put the URL http://www.******.com/***/***/2013/gpd_banner_fr.jpg into the browser, does it exist?
If so, now in Outlook, scroll to the bottom of your email and right click > view source. What URL is showing in your email code?
Assuming it is different, it has something to do with how you are sending it. Are you using an email service provider? How are you uploading the images?

Related

How to keep page editable during file uploads (Laravel)?

I work on a Saas project where users can submit/upload items.
I want to create a similar work-flow like Youtube.
This means that the user uploads image file, ZIP files etc. which then show in the upload progress block, during this time I want the user to be able to edit the other informations like tags, text description, price for item etc.
At Youtube a user can upload a video file and edit all other things during the upload, he can even leave the page and the upload continues in the background.
But in my project whenever a user uploads a file these fields can not be edited properly or get removed again after the upload is successful.
Please point me to a solution how this works/how Youtube et al approached this.
Thanks.
I think you should do this with javascript features
Like sending a file with ajax in laravel and php.
By doing this, you can still access the elements inside your web page.

Wrong OG image when sharing to Facebook despite FB Debugger displaying correctly

I just added an OpenGraph image to a site I'm working on and using the FB Debugger the info retrieves the correct image, however when sharing the url I still see default images being displayed (there was no specified OG image before). Is there something I'm missing here? The site uses a custom Python based framework and image is served via gzip from an Amazon EC2 instance, if that would affect the output in any way.
The problem is not with your website.
Facebook takes some time to refresh images inside facebook.com even though you can see the changes on Facebook Debug Tool.
In order to view your new image inside Facebook you can do two things:
Manipulate a little the URL you are trying to share, this way
Facebook will fetch the open graph data again.
Just give it some
time, it will be refreshed after a few hours.
There are three way to change your image you need to clear the
1) Manually clear facebook catch using the https://developers.facebook.com/tools/debug/ facebook tool
2) Add version code end of the url like ?v=1
3) write the GraphAPI code from when you click on the share button it will clear the facebook page cache.

Include an image into a "mailto" mail?

The title might not be clear - I'm creating an app in Unity and I want it to start the device's default mail client to create a new mail. I can easily do that with mailto. What I don't know how to do is include an image in the mail being composed. In any way: as an attachment, as a part of the mail body or whatever. But it's a local image, so I can't just put a link to it in the mail.
Is it even possible? If so, how?
I doubt if you can do it as the mailto page doesn't mention this as one of the parameters.
At best you can add body and subject.No attachments I suppose
See http://www.faqs.org/rfcs/rfc2368.html
However a hack you can try is in the body that you include
add <img src="your image src"> and hopefully the mail client will recognise this as html markup and render the image when the client opens up.
I haven't tried this though.

Image Hosting Website Script Deactivates FancyBox Capability

I'm running a Vanilla Forum with a FileUpload plugin, allowing users to upload images and insert the corresponding code directly into the body of their post. These images work with FancyBox when clicked, linking together nicely within the page. However, should a user use a third-party image hosting site (i.e. Imagevenue, Imageshack, Postimage.org) and copy and paste the resulting image code, it deactivates the FancyBox feature associated with all images previously on the page, so when you click on an image uploaded via FileUpload it opens in a new window now instead of in a FancyBox.
My question is one of two things:
a) Is it possible to fix this formatting issue so that if a user does choose to use a third-party image hosting service then it will not affect the fancybox of my previous images.
or
b) Is it possible to block this type of image code from being inputted in the body of a post to prevent this from ever happening.
Thank you and please reply if you would like more information!
Most likely the generated code from those third-party hosting sites has not an image extension (JPG, PNG, GIF) so fancybox doesn't know what type of content needs to handle.
If you are binding fancybox like
$(".fancybox").fancybox();
... you could force the type of content to image like
$(".fancybox").fancybox({
type : "image"
});
I don't really see how pasting the code of a new image will disable the code for existing ones if you want to elaborate.

using ckEditor to send emails, problem with images

I'm using the ckEditor (http://docs.cksource.com/CKEditor_3.x).
my goal is to send the the text entered as an email message.
I get the contents of the editr as suggested in the docs:
var message = CKEDITOR.instances.editor1.getData();
then send the message to a webmethod on the server side, and it sends ok.
the problem is: the images are added as an img tag, and get the local directory address, so it cannot be viewed on the recipients side.
how can I add the images to the email message?
thanks in advance!
You need to use a file uploader. CKFinder integrates nicely with CKEditor. Free for demo use (and open source projects I think), but about $70 for commercial use.

Resources