I builed the img browser from start.. he show the tumb images in the folders..
I want when user select a img, to add it to the editor with a link..
something like that:
<a href="javascript:OpenImg('filename.jpg');"><img src="filename.jpg"></a>
I try to edit setImage on fck_image.htm but i not really understand what to do there..
can someone explain me what i need to do?
I want when user select a img, to add it to the editor with a link..
something like that:
<a href="javascript:OpenImg('filename.jpg');"><img src="filename.jpg"></a>
I try to edit setImage on fck_image.htm but i not really understand what to do there..
can someone explain me what i need to do?
RE: Img add + link
nobody know how to do that?
RE: Img add + link
RE: Img add + link
Hi all,
i found a solution for that kind of problem...
Edit the fckstyle.xml and add this tag :
<Style name="Image with link..." element="img">
<Attribute name="onclick" value="AffichePhoto(this.src)" />
<Attribute name="class" value="Cliquable" />
<Attribute name="title" value="click here to view big picture..." />
</Style>
so when you select an image in you editor you'll have a label "Image with link" selectable in your combo. Select it and the following code will be generate (completing the existant)
<img src="url_to_img" class="Cliquable" title="click here to view big picture..." onclick="AffichePhoto(this.src)" width="x" height="y" alt="alernative text" />
in you stylesheet add this class :
.Cliquable { cursor:pointer; }
now all you have to do is javascript function to interact with your picture...
For information "this.src" gives you the image's url.
So if you use a particular syntax for thumbnails on your server (like my_photo_thumb.gif) you have to decode the url with javascript substring function to translate the url to your "big picture"
Hope it's help...