Shelly,
Design Groups schreef:
> What I want to do is display the alt text for my images, instead of the
> images themselves, in the printed page. I don't want any images to
> print out at all - just the text.
Interesting problem. Have you considered image replacement? If you want
it to be pure CSS, you'd have to create a seperate class for every
image, but using Javascript you don't have to.
E.g. (CSS):
<span class="image1">ALT for Image 1</span>
<span class="image2">ALT for Image 2</span>
<style>
@media all {
.image1 { /* image replacement for Image 1 */ }
.image2 { /* image replacement for Image 2 */ }
}
@media print {
.image1 { /* undo image replacement for Image 1 */ }
.image2 { /* undo image replacement for Image 2 */ }
}
</style>
E.g. (CSS + JS):
<span class="image" rel="image1.jpg">ALT for Image 1</span>
<span class="image" rel="image2.jpg">ALT for Image 2</span>
<style>
.replacedImage { /* image replacement without actual image source */ }
</style>
<script>
/* WINDOW.ONLOAD */
// 1: get all spans with class "image" (using getElementsByClassName
[1])
// 2: find the image source in the rel attribute of the spans you
just found in step 1 (or in whatever other attribute you put them)
// 3: set the className of the span to replacedImage
// 4: add the image source in a style attribute to finish the image
replacement
</script>
That should do the trick.
HTH,
Rick
[1]:
http://www.robertnyman.com/2005/11/07/the-ultimate-getelementsbyclassname/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
