hola a todos, no recuerdo de donde he sacado este código, pero funciona bien, gracias al que lo puso
<script type="text/javascript">
function showPic (whichpic) {
if (document.getElementById) {
document.getElementById('imgContenedor').src = whichpic.href;
if (whichpic.title) {
document.getElementById('imgDescripcion').childNodes[0].nodeValue = whichpic.title;
} else {
document.getElementById('imgDescripcion').childNodes[0].nodeValue = whichpic.childNodes[0].nodeValue;
}
return false;
} else {
return true;
}
}
</script>
es to va en el head
y esto en el body
<div id="galeria">
<ul><li><a onclick="return showPic(this)" href="imagenes/" title="foto1.jpg"></a></li>
<li><a onclick="return showPic(this)" href="imagenes/foto1.jpg" title="texto_imagen_2"></a></li>
<li><a onclick="return showPic(this)" href="imagenes/102.png" title="detalles cenador,pilares y capiteles de 14x14, durmiente de 20x14 y pares de 12x8, cubierta en tegola">1</a></li>
<li><a onclick="return showPic(this)" href="imagenes/101.png" title="cenador con pilares tallados,pilares, capiteles y durmiente de 18x18, pares de 16x8, cubierta en tegola">2</a></li>
<li><a onclick="return showPic(this)" href="imagenes/103.png" title="garaje sobre pilares de ladrillo,durmiente de 18x18, pares de 16x8,cubierta en tegola">3</a></li>
<li><a onclick="return showPic(this)" href="imagenes/111.png" title="adosado con cortes en angulo,pilares,capiteles y durmiente de 14x14, pares de 12x8 cubierta en tegola">4</a></li>
<li><a onclick="return showPic(this)" href="imagenes/104.png" title="estructura de pergola, pilares de 14x14,capiteles y durmiente de 18x18, pares de 16x8">5</a></li>
<li><a onclick="return showPic(this)" href="imagenes/105.png" title="cortes en angulo,pilares,capiteles y durmiente de 14x14 pares de 12x8, cubierta en tegola">6</a></li>
<li><a onclick="return showPic(this)" href="imagenes/106.png" title="garaje sobre mochetas de obra,durmiente de 18x18, pares de 16x8 cubierta en teja">7</a></li>
<li><a onclick="return showPic(this)" href="imagenes/107.png" title="lateral cerrado en tarima">8</a></li>
<li><a onclick="return showPic(this)" href="imagenes/108.png" title="garaje sobre mochetas de ladrillo,durmiente de 18x18, pares de 16x8 ,cubierta en teja">9</a></li>
<li><a onclick="return showPic(this)" href="imagenes/109.png" title="pilar con peana de madera, pilar, capiteles y durmiente de 14x14, pares de 16x8">10</a></li>
<li><a onclick="return showPic(this)" href="imagenes/110.png" title="pergola adosada, pilares, capiteles y durmiente de 14x14, pares de 12x8">11</a></li>
<li><a onclick="return showPic(this)" href="imagenes/019.png" title="cenador con pilares y capiteles de 14x14, durmiente de 20x14 y pares de 12x8,agarres delanteros con jardineras a juego, cubierta en tegola">12</a></li>
<li><a onclick="return showPic(this)" href="imagenes/CARLOS-1.png" title="interior cenador con la tarima en crudo, pilares, capiteles y durmiente de 14x14, pares de 12x8">13</a></li>
<li><a onclick="return showPic(this)" href="imagenes/023.png" title="pilares y capiteles de 14x14, durmiente de 20x14, pares 16x8, remate lateral en madera, cubierta en tegola">14</a></li>
</ul></div>
<div id="imgDescripcion"></p>
<img id="imgContenedor" src="imagenes/101.png" />
el caso es que me gustaría que las imágenes rotasen solas y como soy incapaz de hacerlo............, haber si alguno de vosotros me podéis echar una mano.
gracias de antemano el código anterior lo podéis ver si queréis en www.porchemadera.com/galeria/galeria.html
saludos
<script type="text/javascript">
function showPic (whichpic) {
if (document.getElementById) {
document.getElementById('imgContenedor').src = whichpic.href;
if (whichpic.title) {
document.getElementById('imgDescripcion').childNodes[0].nodeValue = whichpic.title;
} else {
document.getElementById('imgDescripcion').childNodes[0].nodeValue = whichpic.childNodes[0].nodeValue;
}
return false;
} else {
return true;
}
}
</script>
es to va en el head
y esto en el body
<div id="galeria">
<ul><li><a onclick="return showPic(this)" href="imagenes/" title="foto1.jpg"></a></li>
<li><a onclick="return showPic(this)" href="imagenes/foto1.jpg" title="texto_imagen_2"></a></li>
<li><a onclick="return showPic(this)" href="imagenes/102.png" title="detalles cenador,pilares y capiteles de 14x14, durmiente de 20x14 y pares de 12x8, cubierta en tegola">1</a></li>
<li><a onclick="return showPic(this)" href="imagenes/101.png" title="cenador con pilares tallados,pilares, capiteles y durmiente de 18x18, pares de 16x8, cubierta en tegola">2</a></li>
<li><a onclick="return showPic(this)" href="imagenes/103.png" title="garaje sobre pilares de ladrillo,durmiente de 18x18, pares de 16x8,cubierta en tegola">3</a></li>
<li><a onclick="return showPic(this)" href="imagenes/111.png" title="adosado con cortes en angulo,pilares,capiteles y durmiente de 14x14, pares de 12x8 cubierta en tegola">4</a></li>
<li><a onclick="return showPic(this)" href="imagenes/104.png" title="estructura de pergola, pilares de 14x14,capiteles y durmiente de 18x18, pares de 16x8">5</a></li>
<li><a onclick="return showPic(this)" href="imagenes/105.png" title="cortes en angulo,pilares,capiteles y durmiente de 14x14 pares de 12x8, cubierta en tegola">6</a></li>
<li><a onclick="return showPic(this)" href="imagenes/106.png" title="garaje sobre mochetas de obra,durmiente de 18x18, pares de 16x8 cubierta en teja">7</a></li>
<li><a onclick="return showPic(this)" href="imagenes/107.png" title="lateral cerrado en tarima">8</a></li>
<li><a onclick="return showPic(this)" href="imagenes/108.png" title="garaje sobre mochetas de ladrillo,durmiente de 18x18, pares de 16x8 ,cubierta en teja">9</a></li>
<li><a onclick="return showPic(this)" href="imagenes/109.png" title="pilar con peana de madera, pilar, capiteles y durmiente de 14x14, pares de 16x8">10</a></li>
<li><a onclick="return showPic(this)" href="imagenes/110.png" title="pergola adosada, pilares, capiteles y durmiente de 14x14, pares de 12x8">11</a></li>
<li><a onclick="return showPic(this)" href="imagenes/019.png" title="cenador con pilares y capiteles de 14x14, durmiente de 20x14 y pares de 12x8,agarres delanteros con jardineras a juego, cubierta en tegola">12</a></li>
<li><a onclick="return showPic(this)" href="imagenes/CARLOS-1.png" title="interior cenador con la tarima en crudo, pilares, capiteles y durmiente de 14x14, pares de 12x8">13</a></li>
<li><a onclick="return showPic(this)" href="imagenes/023.png" title="pilares y capiteles de 14x14, durmiente de 20x14, pares 16x8, remate lateral en madera, cubierta en tegola">14</a></li>
</ul></div>
<div id="imgDescripcion"></p>
<img id="imgContenedor" src="imagenes/101.png" />
el caso es que me gustaría que las imágenes rotasen solas y como soy incapaz de hacerlo............, haber si alguno de vosotros me podéis echar una mano.
gracias de antemano el código anterior lo podéis ver si queréis en www.porchemadera.com/galeria/galeria.html
saludos