Javascript conflict

Hmm, it seems that I found the culprit to this.

Essential Grid has a global setting “Wait for Google Fonts before script starts” that if I disable then it loads fine with your plugin present.

It seems that something “gets stuck” in the execution que and Google Fonts comes through my theme anyway so I already have the fonts used available.

Hello again,

I have another question regarding the image_CF. I have set up a rectangular canvas w292 X h530 pixels and I am trying to use an image at the center of the cloud. However, because my cloud is not square the image is also expanded vertically and as a result it displays deformed (pulled vertically).

Is there a way to keep the image aspect ratio at the center of the cloud locked? (This does not happen with the text function)

Thanks in advance.

Hi Jargonsp,

I’m glad you have resolved your problem.

Regarding image_CF I’ll come back to you soon. It’s 3:30 in the morning here and I need some sleep (I’m finalizing the new versions of the plugins.)

Don’t worry we will make it. ??

Hi again,

First of all thank you for finding this bug in the code. I fixed it. In a couple of days I’ll release the new 4.0 version of the plugin, so you will be able to create a cloud with center function the way you like it. In case you don’t want to wait do this:

Open s.cf.js file, go to line 21, which is the last code line of image_cf function:
c.drawImage(cfimg, w*f2/2, h*f2/2, w*f1, h*f1);)

and replace it with this code:

c.drawImage(cfimg, cx-(w/h<=1?w*f1/2:h*f1/2), cy-(w/h<=1?w*f1/2:h*f1/2), f1*(w/h<=1?w:h), f1*(w/h<=1?w:h));

Save the file and enjoy your design.

Regards,

Peter

Thanks a lot for the reply and the upcoming new version.

I worked around the image_CF by creating an image at the exact dimensions of the cloud wrapper and centered the logo in there so no distortion.

I used a 3D sphere with the logo wrapped inside, some transparency and a background with some thin circles for the cloud.

The result is quite impressive using a sphere shape since the images appear as they go behind the circles that surround the sphere. Nevertheless the site is not online yet so can’t link to it.

Another small bug that I found (in my case anyway) was that some of the plugin’s styling interfered with the widget admin area. It actually altered some background colors and shortened a lot several of the text input fields for various other widgets.

What I did to correct it was to disable some of the lines in the plugin’s stylesheet.

These:

*/
#wihead{
	/*font-family: Arial;
	font-size: 12px;*/
	display: block;
	height: 76px;
	/*font-size: 12px;
	background: #bbb;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;*/
	padding: 3px; color: #000;
	}
 input[type=text] {
	/*padding: 2px;
	width: 45px;
	color: #000;
	height: 18px;
	font-size: 12px;
	line-height:12px;
	border-radius: 4px;
	font-family: Arial;*/

All in all, great plugin!

??