How to use tinymce "onmouseover" event.

[Amigamerlin]

Hello you all,
anyone can explain me how sintax to use "onmouseover" tinymce event?
I have an image with link and I would like to show another image when mouse come over this image.
Thank you you all.
 

[xmanhattan]

Hello Amigamerlin,

In the edit content items page where you have your image, click the insert/edit image icon.
In the advance tab, check Alternative image, then put a link into for mouse over and the return link of either the original image or another into for mouse out.

[datahell]

You need some javascript and you can not write javascript in the editor.
Do this:
switch editor into html mode add an onmouseover event on the element you want, for example:
<img src="http://www.example.com/images/mydir/original.png" onmouseover="dosomething(this, 'hello.png')" onmouseout="dosomething(this, 'original.png')" />

Create dosomething function and place it in a js file that it is included by your template.

function dosomething (obj, img) {
     obj.src = 'http://www.example.com/images/mydir/'+img;
}

[xmanhattan]

The tinymce editor has it built in.

[datahell]

Oh sorry, I am used to do everything by hand

[Amigamerlin]

Thank you datahell, xmanhattan !!!
You all are precious !!!