Is it possible to use a dynamic img-tag inn fck? When I insert a image, the fck create an image- tag like
<img src="/image/file.jpg" width="200" height="100" border="0">
I want it do create
<img src="showimage.php?file=file.jpg&width=200&height=100" border="0">
The showimage.php scale down a large image to the spesified width and height in the URL above.
The problem isn't really to use the showimage.php, but to get the width and height values from the image-property-popup and in to the img-tag.
And also be able to edit to width and heigth values in the img-tag by draging the corner of the image to change the size.
<img src="/image/file.jpg" width="200" height="100" border="0">
I want it do create
<img src="showimage.php?file=file.jpg&width=200&height=100" border="0">
The showimage.php scale down a large image to the spesified width and height in the URL above.
The problem isn't really to use the showimage.php, but to get the width and height values from the image-property-popup and in to the img-tag.
And also be able to edit to width and heigth values in the img-tag by draging the corner of the image to change the size.
Re: using showimage.php with width and height- parameter?
I figured it out my self. I couldn't solve this only in javascript, so this is my solution:
#1: I use my own filebrowser-system and return "/showimage.php?imgfile=image.jpgxyz99xyzw=100" to the fckeditor. I can't use &width because fckeditor changes it to &width.
#2: I changed one of the javascriptfiles (fck_image.js)
A new function removes the width and height from the src-tag. I've changed the UpdateImage-function so it use the new function and adds the new width and height to the src.
#3: When the content of the fckeditor is saved I use a function the change the img-tags. The function reads the correct width and height and update the src-content so that my showimage.php displays the correct image-size. IE and Firefox have differnt ways of editing the img-tag when the image-size is changed with drag-and-drop.
#4: My showimage.php use the content of the src (?imgfile=image.jpgxyz99xyzw=100xyz99xyzh=200) and displays the image.jpg in the correct size.
If you're interested in the code, leave a comment here.