Hola pocoyita
1- Qué extensiones tienen las imágenes que has creado? Trata utilizando imágenes con extensiones .jpg .gif .png.
2- Una vía sencilla puede ser esta <a href="imagen.gif" target="_blank"><img src="imagen.gif" alt="imagen" width="105" height="82" border="0" /></a>
donde al insertar la imagen cambias sus valores originales de width (ancho) y alto (height) por valores mas pequeños.
3- Para videos prueba algo de esto
test.mpg
mime type: video/mpeg
code :
<object data="data/test.mpg" type="video/mpeg" width="320" height="255">
<param name="src" value="data/test.mpg">
<param name="autoplay" value="false">
<param name="autoStart" value="0">
alt : <a href="data/test.mpg">test.mpg</a>
</object>
result :
alt : test.mpg
observed results in various browsers : Firefox 1.5 Firefox 1.0.7 Opera 9 Konqueror 3.5.2 Safari 2.0.4 IE 7rc1 IE 6 IE 5.5 IE 5.0.1 IE 4.0.1 IE Mac 5.2.3 Lynx 2.8.5
success success success success success success success success success success success degrade correctly
test.avi
mime type: video/avi
code :
<object data="data/test.avi" type="video/x-msvideo" width="320" height="255">
<param name="src" value="data/test.avi">
<param name="autoStart" value="0">
alt : <a href="data/test.avi">test.avi</a>
</object>
result :
alt : test.avi
observed results in various browsers : Firefox 1.5 Firefox 1.0.7 Opera 9 Konqueror 3.5.2 Safari 2.0.4 IE 7rc1 IE 6 IE 5.5 IE 5.0.1 IE 4.0.1 IE Mac 5.2.3 Lynx 2.8.5
success success success success success success success success success success success degrade correctly
test.wmv
mime type: video/x-ms-wmv
code :
<object type="video/x-ms-wmv" data="data/test.wmv" width="320" height="255">
<param name="src" value="data/test.wmv">
<param name="autoStart" value="0">
alt : <a href="data/test.wmv">test.wmv</a>
</object>
result :
alt : test.wmv
observed results in various browsers : Firefox 1.5 Firefox 1.0.7 Opera 9 Konqueror 3.5.2 Safari 2.0.4 IE 7rc1 IE 6 IE 5.5 IE 5.0.1 IE 4.0.1 IE Mac 5.2.3 Lynx 2.8.5
success success success success degrade correctly success success success success success degrade correctly degrade correctly
test.mov
mime type: video/quicktime
simple nested object tags
code :
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
codebase="http://www.apple.com/qtactivex/qtplugin.cab"
width="320" height="255">
<param name="src" value="data/test.mov" >
<param name="controller" value="true" >
<param name="autoplay" value="false">
<object type="video/quicktime" data="data/test.mov" width="320" height="255">
<param name="controller" value="true" >
<param name="autoplay" value="false">
alt : <a href="data/test.mov">test.mov</a>
</object>
</object>
result :
alt : test.mov
observed results in various browsers : Firefox 1.5 Firefox 1.0.7 Opera 9 Konqueror 3.5.2 Safari 2.0.4 IE 7rc1 IE 6 IE 5.5 IE 5.0.1 IE 4.0.1 IE Mac 5.2.3 Lynx 2.8.5
success success success success success success failed failed failed failed success degrade correctly
IE display the content of the first object, and a blank zone for the nested one.
nested object tags with IE conditional comments
code :
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
codebase="http://www.apple.com/qtactivex/qtplugin.cab"
width="320" height="255">
<param name="src" value="data/test.mov" >
<param name="controller" value="true" >
<param name="autoplay" value="false">
<!--[if gte IE 7]> <!-->
<object type="video/quicktime" data="data/test.mov" width="320" height="255">
<param name="controller" value="true" >
<param name="autoplay" value="false">
alt : <a href="data/test.mov">test.mov</a>
</object>
<!--<![endif]-->
<!--[if lt IE 7]>
alt : <a href="data/test.mov">test.mov</a>
<![endif]-->
</object>
result :
alt : test.mov
observed results in various browsers : Firefox 1.5 Firefox 1.0.7 Opera 9 Konqueror 3.5.2 Safari 2.0.4 IE 7rc1 IE 6 IE 5.5 IE 5.0.1 IE 4.0.1 IE Mac 5.2.3 Lynx 2.8.5
success success success success success success success success success failed success degrade correctly
IE4 don't understand the conditional comments, so he display a blank zone for the nested object. But the embed content is correctly display by the first one.
nested object tags, nested object hidden by css
code :
<style type="text/css">
/* class to hide nested objects in IE */
/* hides the second object from all versions of IE */
* html object.hiddenObjectForIE { display: none; }
/* display the second object only for IE5 Mac */
/* IE Mac \*//*/
* html object.hiddenObjectForIE { display: inline; }
/**/
</style>
code :
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
codebase="http://www.apple.com/qtactivex/qtplugin.cab"
width="320" height="255">
<param name="src" value="data/test.mov" >
<param name="controller" value="true" >
<param name="autoplay" value="false">
<object type="video/quicktime" data="data/test.mov"
width="320" height="255" class="hiddenObjectForIE">
<param name="controller" value="true" >
<param name="autoplay" value="false">
alt : <a href="data/test.mov">test.mov</a>
</object>
</object>
result :
alt : test.mov
observed results in various browsers : Firefox 1.5 Firefox 1.0.7 Opera 9 Konqueror 3.5.2 Safari 2.0.4 IE 7rc1 IE 6 IE 5.5 IE 5.0.1 IE 4.0.1 IE Mac 5.2.3 Lynx 2.8.5
success success success success success success success success success success success degrade correctly
espero te sirva