Hello,
I've been testing PrinceXML for a few days now and I am really impressed what I've seen so far. After years of being sure cross media publishing can be done, I actually see a way how to achieve it.
I have a problem related to my lack of in deepth css knowledge:
I've got an XHTML file with long list of images named nameofoneimage-thumbnail.jpg, totallydifferentname-thumbnail.jpg etc.
To get better quality for printing, I want to drop the "-thumbnail" part to get a higher quality version of the same image. Obviously this could be done on the web server or on a locally saved xhtml file by some search-and-replace tool. But I want to know if there is a CSS / PrinceXML way.
This is the code:
Notice that the image links to a page with the same name, just without any extension.
So I'd like to have something like:
or use something like
Thank you for your help
I've been testing PrinceXML for a few days now and I am really impressed what I've seen so far. After years of being sure cross media publishing can be done, I actually see a way how to achieve it.
I have a problem related to my lack of in deepth css knowledge:
I've got an XHTML file with long list of images named nameofoneimage-thumbnail.jpg, totallydifferentname-thumbnail.jpg etc.
To get better quality for printing, I want to drop the "-thumbnail" part to get a higher quality version of the same image. Obviously this could be done on the web server or on a locally saved xhtml file by some search-and-replace tool. But I want to know if there is a CSS / PrinceXML way.
This is the code:
<a href="nameofoneimage" class="imagelink" title="Go to Name of one image detail page">
<img src="images/nameofoneimage-thumbnail.jpg" alt="Name of one image" />
</a>
Notice that the image links to a page with the same name, just without any extension.
So I'd like to have something like:
a:link:before, a:visited:before {
content:url("/images/"attr(href)".jpg);
width:70px;
}
or use something like
prince-text-replace: "-thumbnail" ""
Thank you for your help