Un codigo para fotos en slide [RESUELTO]

Hola,

He estado viendo varios post dedicados al tema de los slides pero no he conseguido arreglar nada, asi que lo intento enviando la pregunta directamente.
Los slides tienen que ser siempre en java?

Podria alguien que controle un poco pasarme un codigo para poner un slide de fotos en el lado derecho de la pagina, justo debajo de los 5 boxes que ya vienen por defecto?
Me gustaria poner uno de 11 o 12 fotos justo ahi pero no lo consigo!

Y aprovechando el post, alguien me puede decir por que la parte de abajo del box central desaparece al pasar el raton por encima??

Disculpad tantas preguntas pero cuando se esta empezando todo son dudas!

Muchas Gracias por vuestra ayuda!

Un Saludo.

haber si te puede servir este link

http://www.paginawebgratis.es/forum/viewtopic.php?t=65117&highlight=galeria+imagenes
______________
Reglas del Foro

¿Dónde hacer mi tema/post?

lo de arriba

Hola!

Gracias por tu ayuda! Me sirvio pero me gustaria saber si podrias modificar el codigo para que las fotos que pongas salgan todas al mismo tamaño?
Se podria poner un fondo blanco al recuadro?

Muchas Gracias,

Un Saludo!


<script type="text/javascript">
// Author: DaviXM
// Description: Slide Show para imagenes

var x=0;

function rotate(num){
fs=document.ff.slide;
x=num%fs.length;
if(x<0) x=fs.length-1;
document.images.show.src=fs.options[x].value;
fs.selectedIndex=x;}

function auto() {
if(document.ff.fa.value == "Stop"){
rotate(++x);setTimeout("auto()", 5000);}}
</script>

<form name="ff">
<table cellpadding="3" style="border:1px black solid;border-collapse:collapse;">
<tr><th align="center">NOMBRE DE LA GALERIA</th></tr>

<tr><td align="center">
<img src="URL DE LA IMAGEN" name="show">
</td></tr>

<tr><td align="center" style="border:1px black solid;">
<select name="slide" onChange="rotate(this.selectedIndex);">
<option value="URL DE LA IMAGEN">Describcion</option>
<option value="URL DE LA IMAGEN">Describcion</option>
<option value="URL DE LA IMAGEN">Describcion</option>
<option value="URL DE LA IMAGEN">Describcion</option>
</select>
</td></tr>

<tr><td align="center" style="border:1px black solid;">
<input type="button" onclick="rotate(0);" value="ll&lt;&lt;" title="Jump to beginning" />
<input type="button" onclick="rotate(x-1);" value="&lt;&lt;" title="Last Picture" />
<input type="button" name="fa" onClick="this.value=((this.value=='Stop')?'Start':'Stop');auto();" value="Start" title="Autoplay" style="width:75px;" />
<input type="button" onclick="rotate(x+1);" value="&gt;&gt;" title="Next Picture" />
<input type="button" onclick="rotate(this.form.slide.length-1);" value="&gt;&gt;ll" title="Jump to end" />
</td></tr></table></form>

Hola,

Para que salgan del mismo tamaño modifica lo rojo.

Modifica lo rojo que tendran el mismo ancho y tamaño de las imagenes.

Saludos.
______________

Muchisimas Gracias!!!

No me va! No he sido capaz de hacer que cambien todas al mismo tamaño!
Pero al final consegui poner este donde queria,puedo usar el arreglo que me hiciste para el otro y utilizarlo en este para poder controlar el tamaño de las fotos?
Te dejo el codigo a ver si me puedes hechar un cable!! Ya solo me queda poner en condiciones este slide y la pagina estara lista en cuanto diseño!

Muchisimas Gracias, otra vez!

Saludos.



<div style="position:absolute;right:6px;top:1360px;">
<div style="text-align: right"><br />
<!-- configurable script -->
<script type="text/javascript">
theimage = new Array();

// The dimensions of ALL the images should be the same or some of them may look stretched or reduced in Netscape 4.
// Format: theimage[...]=[image URL, link URL, name/description]
theimage[0]=["http://img.webme.com/pic/c/cervezashiboria/abbaye.jpghttp://img.webme.com/pic/c/cervezashiboria/moor_jjj_ipa.jpg", "", ""];
theimage[1]=["http://img.webme.com/pic/c/cervezashiboria/achel.jpg", "", ""];
theimage[2]=["http://img.webme.com/pic/c/cervezashiboria/black_sheep.jpg", "", ""];
theimage[3]=["http://img.webme.com/pic/c/cervezashiboria/boerinneken..jpg", "", ""];
theimage[4]=["http://img.webme.com/pic/c/cervezashiboria/bon-secours.jpg", "", ""];
theimage[5]=["http://img.webme.com/pic/c/cervezashiboria/chouffe-houblon.jpg", "", ""];
theimage[6]=["http://img.webme.com/pic/c/cervezashiboria/daleside-morocco.jpg", "", ""];
theimage[7]=["http://img.webme.com/pic/c/cervezashiboria/duchesse.jpg", "", ""];
theimage[8]=["http://img.webme.com/pic/c/cervezashiboria/bush-nuits.jpg", "", ""];
theimage[9]=["http://img.webme.com/pic/c/cervezashiboria/durham-stcuthbe.jpg", "", ""];
theimage[10]=["http://img.webme.com/pic/c/cervezashiboria/gouden-carolus-cuvee.jpg", "", ""];
theimage[11]=["http://img.webme.com/pic/c/cervezashiboria/hook-norton.jpg", "", ""];
theimage[12]=["http://img.webme.com/pic/c/cervezashiboria/ilkley-mary.jpg", "", ""];
theimage[13]=["http://img.webme.com/pic/c/cervezashiboria/deus-brut.jpg", "", ""];
theimage[14]=["http://img.webme.com/pic/c/cervezashiboria/malheur-dark.jpg", "", ""];
theimage[15]=["http://img.webme.com/pic/c/cervezashiboria/meantime-raspb.jpg", "", ""];
theimage[16]=["http://img.webme.com/pic/c/cervezashiboria/moor_beer_old.jpg", "", ""];
theimage[17]=["http://img.webme.com/pic/c/cervezashiboria/fantom.jpg", "", ""];
theimage[18]=["http://img.webme.com/pic/c/cervezashiboria/orkney_northern.jpg", "", ""];
theimage[19]=["http://img.webme.com/pic/c/cervezashiboria/ossett-treacle.jpg", "", ""];
theimage[20]=["http://img.webme.com/pic/c/cervezashiboria/pannepeut.jpg", "", ""];
theimage[21]=["http://img.webme.com/pic/c/cervezashiboria/ridgeway-bad.jpg", "", ""];
theimage[22]=["http://img.webme.com/pic/c/cervezashiboria/st.bernardus.jpg", "", ""];
theimage[23]=["http://img.webme.com/pic/c/cervezashiboria/stfeuillien.jpg", "", ""];
theimage[24]=["http://img.webme.com/pic/c/cervezashiboria/thornbridger.jpg", "", ""];
theimage[25]=["http://img.webme.com/pic/c/cervezashiboria/struiseo.jpg", "", ""];
theimage[26]=["http://img.webme.com/pic/c/cervezashiboria/trappe-quadruple.jpg", "", ""];
theimage[27]=["http://img.webme.com/pic/c/cervezashiboria/val-dieu-grand.jpg", "", ""];
theimage[28]=["http://img.webme.com/pic/c/cervezashiboria/watoutripel.jpg", "", ""];
theimage[29]=["http://img.webme.com/pic/c/cervezashiboria/westmalle.jpg", "", ""];

///// Plugin variables

playspeed=4000;// The playspeed determines the delay for the "Play" button in ms
//#####
//key that holds where in the array currently are
i=0;

//###########################################
window.onload=function(){

//preload images into browser
preloadSlide();

//set the first slide
SetSlide(0);

//autoplay
PlaySlide();
}

//###########################################
function SetSlide(num) {
//too big
i=num%theimage.length;
//too small
if(i<0)i=theimage.length-1;

//switch the image
document.images.imgslide.src=theimage[i][0];

}

//###########################################
function PlaySlide() {
if (!window.playing) {
PlayingSlide(i+1);
if(document.slideshow.play){
document.slideshow.play.value=" Stop ";
}
}
else {
playing=clearTimeout(playing);
if(document.slideshow.play){
document.slideshow.play.value=" Play ";
}
}
// if you have to change the image for the "playing" slide
if(document.images.imgPlay){
setTimeout('document.images.imgPlay.src="'+imgStop+'"',1);
imgStop=document.images.imgPlay.src
}
}

//###########################################
function PlayingSlide(num) {
playing=setTimeout('PlayingSlide(i+1);SetSlide(i+1);', playspeed);
}

//###########################################
function preloadSlide() {
for(k=0;k<theimage.length;k++) {
theimage[k][0]=new Image().src=theimage[k][0];
}
}

</script>

<!-- slide show HTML -->
<form name="slideshow">

<table border="1" cellpadding="2" cellspacing="0">
<tr>
<td align="center">
<a href="#" onmouseover="this.href=theimage[i][1];return false">
<script type="text/javascript">
document.write('<img name="imgslide" id="imgslide" src="'+theimage[0][0]+'" border="0">')
</script>
</a>
</td>
</tr>
</table>

</form>
<!-- end of slide show HTML -->
</a></div>

orale usan mi codigo chido es simple de editar
______________
WebTwo de RadioVijaer.

Hola,

El problema es que yo soy un inutil con todas estas cosas de codigos y html y no tengo ni idea de como editarlo bien!
No pido nada muy currado, mas bien lo que quiero es que simplemente se vean las fotos y nada mas pero ya te digo que estas cosas se me hacen un poco complicadas!

Gracias a todos por vuestra ayuda!!

.......

Gran Aporte!!

Editado.

Por favor PWG Si es posible eliminen este comentario y todos los mios del foro.

Saludos,

Muchas Gracias!
Voy a ver si encuentro esa linea!

Un Saludo!

Edito:: Ya esta arreglado!! Como controla por aqui la gente!!

Otra vez, Muchas Gracias!